#zhichiBtnBox {
  display: none !important;
}
.drag-container[data-v-c6275024] {
  height: 230px;
  background: #fff;
  -webkit-box-shadow: 0 2px 20px 0 rgba(39, 39, 74, 0.05);
  box-shadow: 0 2px 20px 0 rgba(39, 39, 74, 0.05);
  border: 1px solid #f1f3f8;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 10px 10px 15px;
  position: fixed;
  right: 0;
  bottom: 30px;
  overflow: hidden;
  z-index: 9999;
  -webkit-transition: right 1s, height 1s, -webkit-transform 1s;
  transition: right 1s, height 1s, -webkit-transform 1s;
  transition: right 1s, height 1s, transform 1s;
  transition: right 1s, height 1s, transform 1s, -webkit-transform 1s;
}
.drag-container.fold-card[data-v-c6275024] {
  height: 163px;
  right: -60px;
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
}
.drag-container.fold-card .exec-info .title[data-v-c6275024] {
  opacity: 0;
}
.drag-container .erweima[data-v-c6275024] {
  float: left;
  padding-right: 10px;
}
.drag-container .erweima .qrCode[data-v-c6275024] {
  width: 140px;
  height: 140px;
}
.drag-container .erweima span[data-v-c6275024] {
  width: 140px;
  display: block;
  margin-top: 10px;
  font-size: 12px;
  color: #6d717c;
  text-align: center;
}
.drag-container .exec-info[data-v-c6275024] {
  text-align: center;
  font-size: 0;
  float: left;
}
.drag-container .exec-info .photo[data-v-c6275024] {
  width: 140px;
  height: 140px;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}
.drag-container .exec-info .photo img[data-v-c6275024] {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.drag-container .exec-info .photo .title[data-v-c6275024] {
  width: 100%;
  height: 28px;
  line-height: 28px;
  background: rgba(58, 62, 81, 0.4);
  -webkit-box-shadow: 0 2px 20px 0 rgba(39, 39, 74, 0.05);
  box-shadow: 0 2px 20px 0 rgba(39, 39, 74, 0.05);
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  font-size: 12px;
  color: #fff;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}
.drag-container .exec-info .name[data-v-c6275024] {
  font-size: 12px;
  color: #1a8cfe;
  line-height: 17px;
  display: block;
  margin-top: 10px;
}
.drag-container .exec-info .el-button--mini.is-round[data-v-c6275024],
.drag-container .exec-info .el-button--mini[data-v-c6275024] {
  width: 88px;
  padding: 7px 0;
  margin-top: 10px;
}
.drag-container .drag[data-v-c6275024] {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 18px;
  height: 18px;
  border-radius: 18px;
  line-height: 18px;
  background: rgba(58, 62, 81, 0.4);
  color: #fff;
  font-size: 12px;
  text-align: center;
}
.drag-tip[data-v-c6275024] {
  z-index: 10000 !important;
}
.help-card {
  margin: 0 30px;
}
.help-card li {
  position: relative;
  padding-left: 36px;
  margin-top: 0;
}
.help-card li a {
  padding: 0;
  display: initial;
}
.help-card li > .icon {
  position: absolute;
  left: 0;
  top: 17px;
  font-size: 16px;
}
.help-card li .content {
  padding: 15px 0;
}
.help-card li .content .title {
  font-size: 14px;
  font-weight: 500;
}
.help-card li .content .title .icon {
  cursor: pointer;
  font-size: 12px;
  color: #b4b6bd;
}
.help-card li .content .sub-title {
  font-size: 12px;
  color: #6d717c;
}
.help-card li .content a {
  font-size: 14px;
  color: #1a8cfe;
  text-decoration: underline;
}
.help-card li .content .tel-phone {
  font-size: 14px;
  color: #fe8545;
  margin-left: 3px;
}
.help-card li + li .content {
  border-top: 1px solid #f1f3f8;
}
.user-card {
  background: #fff;
  line-height: normal;
  z-index: 9999;
  cursor: auto;
}
.user-card .item-header {
  padding: 30px 20px 20px;
  border-bottom: 1px solid #f1f3f8;
}
.user-card .item-header .picture {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  text-align: center;
  margin: auto auto 10px;
}
.user-card .item-header .picture img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.user-card .item-header .name {
  font-size: 16px;
  color: #27274a;
  text-align: center;
  margin-bottom: 5px;
}
.user-card .item-header .company {
  font-size: 12px;
  color: #656577;
  text-align: center;
}
.user-card .item-list {
  padding: 10px 0;
}
.user-card .item-list .li {
  line-height: 45px;
  padding: 0 65px;
  font-size: 14px;
  color: #27274a;
  position: relative;
  cursor: pointer;
}
.user-card .item-list .li:hover {
  background: #f1f3f8;
}
.user-card .item-list .li .icon {
  font-size: 16px;
  position: absolute;
  top: 0;
  line-height: 45px;
}
.user-card .item-list .li .icon.left {
  left: 30px;
}
.user-card .item-list .li .icon.right {
  right: 20px;
  font-size: 12px;
  transform: scale(0.83);
  -webkit-transform: scale(0.83);
  -moz-transform: scale(0.83);
  -o-transform: scale(0.83);
  -ms-transform: scale(0.83);
}
.free-trail-dialog .el-dialog {
  border-radius: 10px;
  overflow: auto;
}
.free-trail-dialog .el-dialog .el-dialog__header {
  padding: 0;
  background: url(https://s6.kaoshixing.com/static/vue/images/free-trail/free-trail-dialog-bg.png?v=07505532b2)
    50% / cover;
}
.free-trail-dialog .el-dialog .el-dialog__header > .image {
  width: 100px;
  height: 121px;
  margin: 25px auto 0;
}
.free-trail-dialog .el-dialog .el-dialog__header .title {
  font-size: 20px;
  line-height: 28px;
  color: #fff;
  padding: 7px 0 22px;
}
.free-trail-dialog .el-dialog .el-dialog__header .title .image {
  width: 22px;
  height: 22px;
  vertical-align: -5px;
}
.free-trail-dialog .el-dialog .el-dialog__body {
  padding: 40px 50px !important;
}
.free-trail-dialog .el-dialog .el-dialog__body .list .list-item {
  font-size: 16px;
  line-height: 22px;
  color: #27274a;
  padding: 0 0 0 20px;
}
.free-trail-dialog .el-dialog .el-dialog__body .list .list-item:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: -12px;
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
  background: #cadaff;
  border-radius: 50%;
}
.free-trail-dialog .el-dialog .el-dialog__body .list .list-item .strong {
  color: #1269ff;
  font-weight: 500;
}
.free-trail-dialog .el-dialog .el-dialog__footer {
  padding: 0 0 30px;
}
.free-trail-dialog .el-dialog .el-dialog__footer .el-button--primary {
  font-size: 18px;
  line-height: 25px;
  padding: 10px 54px;
  border: none;
  border-radius: 24px;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#1b75ff),
    to(#0058ff)
  );
  background: linear-gradient(90deg, #1b75ff, #0058ff);
}
.active-entrance[data-v-87729878] {
  position: fixed;
  right: 8px;
  top: 50%;
  font-size: 16px;
  color: #fff;
  margin-top: -103px;
  cursor: pointer;
  z-index: 1000;
}
.active-entrance .entrance-close[data-v-87729878] {
  padding-left: 34px;
}
.active-entrance .btn-bottom[data-v-87729878] {
  width: 45px;
  height: 206px;
  background: url(https://s6.kaoshixing.com/static/vue/images/public/entrancebeijing.png?v=3c5c4981e2);
}
.system-name[data-v-8ef42844] {
  font-size: 24px;
  color: #27274a;
  font-weight: 500;
  vertical-align: middle;
}
.system-name span[data-v-8ef42844] {
  font-size: 18px;
  color: #27274a;
}
.version-name[data-v-8ef42844] {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding: 0 10px;
  background: #fe8545;
  border-radius: 4px;
  font-size: 12px;
  color: #fff;
  margin-left: 6px;
}
.user-login-card {
  width: 100%;
  height: 310px;
  background: #fff;
  position: relative;
  text-align: center;
}
.user-login-card .tab {
  padding: 20px 20px 18px;
}
.user-login-card .tab li {
  font-size: 16px;
  color: #c1c1cb;
  float: left;
  height: 24px;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
  position: relative;
}
.user-login-card .tab li.active {
  color: #27274a;
}
.user-login-card .tab li + li:before {
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  border-right: 1px solid #f1f3f8;
}
.user-login-card .tab.tab-2 li {
  width: 50%;
}
.user-login-card .tab.tab-1 li {
  width: 100%;
}
.user-login-card .erweima-box {
  width: 230px;
  height: 246px;
  background: #f7f8fa;
  border-radius: 2px;
  text-align: center;
  padding: 15px 0;
  font-size: 0;
  display: inline-block;
}
.user-login-card .erweima-box img {
  height: 146px;
}
.user-login-card .erweima-box img.logo {
  max-height: 26px;
  max-width: 80%;
  display: block;
  margin: 0 auto 10px;
}
.user-login-card .erweima-box .erweima {
  width: 98px;
  height: 98px;
  display: inline-block;
  margin-top: 9px;
  margin-bottom: 9px;
}
.user-login-card .erweima-box .erweima canvas,
.user-login-card .erweima-box .erweima img {
  width: 100%;
  height: 100%;
}
.user-login-card .erweima-box .intro {
  font-size: 12px;
  color: #9090a4;
  line-height: 17px;
  margin-top: 9px;
}
.user-login-card .btn-box {
  margin-top: 10px;
  font-size: 0;
}
.user-login-card .btn-box .el-button--text {
  color: #6d717c;
  padding-top: 10px;
}
.user-login-card .btn-box .el-button--text [class^="icon-"] {
  font-size: 12px;
}
.user-login-card .btn-box .split-border {
  font-size: 14px;
  font-style: normal;
  color: #dcdfe6;
  margin-left: 20px;
  margin-right: 20px;
}
.user-login-card .btn-box .intro {
  text-align: center;
  font-size: 12px;
  -webkit-transform: scale(0.83);
  transform: scale(0.83);
  color: #9090a4;
  letter-spacing: 0;
  white-space: nowrap;
  position: absolute;
}
.user-login-card .linkImgDownLoad {
  width: 375px;
  height: 1412px;
  position: absolute;
  z-index: -999;
  background: #fff;
  right: 0;
}
.user-login-card .linkImgDownLoad.not-guide {
  height: 512px;
}
.user-login-card .linkImgDownLoad .qrcode {
  background: #f7f8fa;
  padding-top: 80px;
  padding-bottom: 50px;
  text-align: center;
}
.user-login-card .linkImgDownLoad .qrcode .logo {
  height: 50px;
  margin-bottom: 30px;
}
.user-login-card .linkImgDownLoad .qrcode .logo img {
  height: 100%;
  max-width: 200px;
}
.user-login-card .linkImgDownLoad .qrcode .code {
  height: 245px;
  width: 245px;
  background: #fff;
  margin: auto;
  padding: 20px;
  border-radius: 4px;
}
.user-login-card .linkImgDownLoad .qrcode .code img {
  width: 100%;
  height: 100%;
}
.user-login-card .linkImgDownLoad .guide {
  padding: 30px;
  text-align: left;
}
.user-login-card .linkImgDownLoad .guide .title {
  font-size: 18px;
  color: #27274a;
  position: relative;
  margin-bottom: 25px;
  background-color: transparent !important;
}
.user-login-card .linkImgDownLoad .guide .title .decoration {
  background-color: #3c82fd;
  opacity: 0.2;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 12px;
  width: 198px;
}
.user-login-card .linkImgDownLoad .guide .step .step-title {
  color: #27274a;
  margin-bottom: 15px;
}
.user-login-card .linkImgDownLoad .guide .step .step-title .strong {
  font-size: 16px;
  color: #ff0020;
  text-align: left;
  line-height: 20px;
  font-weight: 500;
}
.user-login-card .linkImgDownLoad .guide .step .step-example {
  text-align: center;
}
.user-login-card .linkImgDownLoad .guide .step .step-example img {
  width: 200px;
}
.user-login-card .linkImgDownLoad .guide .step + .step,
.user-login-card .linkImgDownLoad .guide .step .step-example + .step-example {
  margin-top: 15px;
}
.user-login-card .linkImgDownLoad .slogan {
  text-align: center;
  height: 54px;
  padding-top: 20px;
  background: #f7f8fa;
}
.user-login-card .linkImgDownLoad .slogan > * {
  vertical-align: middle;
}
.user-login-card .linkImgDownLoad .slogan .logo {
  height: 14px;
  vertical-align: middle;
}
.user-login-card .linkImgDownLoad .slogan .text {
  font-size: 10px;
  color: #27274a;
}
.exam-card {
  width: 373px;
  height: 144px;
  padding: 20px 30px;
  background: #fff;
  border: 1px solid #f1f3f8;
  border-radius: 4px;
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.exam-card .img-border {
  height: 30px;
  position: absolute;
  left: 0;
  top: 16px;
}
.exam-card .name {
  font-size: 16px;
  color: #27274a;
  line-height: 22px;
  width: 250px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.exam-card .el-dropdown,
.exam-card .name {
  display: inline-block;
  vertical-align: middle;
}
.exam-card .el-dropdown {
  margin-left: 15px;
  cursor: pointer;
}
.exam-card .el-dropdown .el-dropdown-link {
  font-size: 12px;
  color: #27274a;
}
.exam-card .el-dropdown .el-dropdown-link .el-icon--right {
  font-size: 16px;
  vertical-align: middle;
  line-height: normal;
  margin-left: 0;
}
.exam-card .detail {
  margin-top: 15px;
  position: relative;
}
.exam-card .detail li {
  float: left;
  margin-right: 10px;
}
.exam-card .detail li label {
  width: 36px;
  font-size: 12px;
  color: #9090a4;
  margin-bottom: 6px;
}
.exam-card .detail li span {
  white-space: nowrap;
  font-size: 12px;
  color: #9090a4;
  display: inline-block;
  margin-bottom: 6px;
}
.exam-card .detail li.time {
  width: 100%;
  margin-bottom: 10px;
  font-size: 12px;
  color: #9090a4;
}
.exam-card .detail li.examinee-count {
  position: absolute;
  right: 0;
  bottom: 0;
  margin-right: 0;
}
.exam-card .detail li.examinee-count span {
  color: #1a8cfe;
}
.course-card {
  width: 373px;
  height: 121px;
  padding: 20px 30px;
  background: #fff;
  border: 1px solid #f1f3f8;
  border-radius: 4px;
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.course-card .img-border {
  height: 30px;
  position: absolute;
  left: 0;
  top: 16px;
}
.course-card .name {
  font-size: 16px;
  color: #27274a;
  line-height: 22px;
  width: 250px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
}
.course-card .el-dropdown {
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
  cursor: pointer;
}
.course-card .el-dropdown .el-dropdown-link {
  font-size: 12px;
  color: #27274a;
}
.course-card .el-dropdown .el-dropdown-link .el-icon--right {
  font-size: 16px;
  vertical-align: middle;
  line-height: normal;
  margin-left: 0;
}
.course-card .detail {
  margin-top: 15px;
  position: relative;
}
.course-card .detail li {
  float: left;
  margin-right: 10px;
}
.course-card .detail li label {
  width: 36px;
  font-size: 12px;
  color: #9090a4;
  margin-bottom: 6px;
}
.course-card .detail li span {
  white-space: nowrap;
  font-size: 12px;
  color: #9090a4;
  display: inline-block;
  margin-bottom: 6px;
}
.course-card .detail li.time {
  width: 100%;
  margin-bottom: 10px;
  font-size: 12px;
  color: #9090a4;
}
.course-card .detail li.examinee-count {
  position: absolute;
  right: 0;
  bottom: 0;
  margin-right: 0;
}
.course-card .detail li.examinee-count span {
  color: #1a8cfe;
}
.process-card {
  width: 373px;
  height: 94px;
  padding: 20px 30px;
  background: #fff;
  border: 1px solid #f1f3f8;
  border-radius: 4px;
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.process-card .img-border {
  height: 30px;
  position: absolute;
  left: 0;
  top: 16px;
}
.process-card .name {
  font-size: 16px;
  color: #27274a;
  line-height: 22px;
  width: 250px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
}
.process-card .el-dropdown {
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
  cursor: pointer;
}
.process-card .el-dropdown .el-dropdown-link {
  font-size: 12px;
  color: #27274a;
}
.process-card .el-dropdown .el-dropdown-link .el-icon--right {
  font-size: 16px;
  vertical-align: middle;
  line-height: normal;
  margin-left: 0;
}
.process-card .detail {
  margin-top: 15px;
  position: relative;
}
.process-card .detail li {
  float: left;
  margin-right: 10px;
}
.process-card .detail li label {
  width: 36px;
  font-size: 12px;
  color: #9090a4;
  margin-bottom: 6px;
}
.process-card .detail li span {
  white-space: nowrap;
  font-size: 12px;
  color: #9090a4;
  display: inline-block;
  margin-bottom: 6px;
}
.process-card .detail li.time {
  width: 100%;
  margin-bottom: 10px;
  font-size: 12px;
  color: #9090a4;
}
.process-card .detail li.examinee-count {
  position: absolute;
  right: 0;
  bottom: 0;
  margin-right: 0;
}
.process-card .detail li.examinee-count span {
  color: #1a8cfe;
}
.exercise-card {
  width: 373px;
  height: 227px;
  padding: 20px 30px;
  background: #fff;
  border: 1px solid #f1f3f8;
  border-radius: 4px;
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.exercise-card .img-border {
  height: 30px;
  position: absolute;
  left: 0;
  top: 16px;
}
.exercise-card .name {
  font-size: 16px;
  color: #27274a;
  line-height: 22px;
  width: 250px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
}
.exercise-card .el-dropdown {
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
  cursor: pointer;
}
.exercise-card .el-dropdown .el-dropdown-link {
  font-size: 12px;
  color: #27274a;
}
.exercise-card .el-dropdown .el-dropdown-link .el-icon--right {
  font-size: 16px;
  vertical-align: middle;
  line-height: normal;
  margin-left: 0;
}
.exercise-card .detail {
  margin-top: 15px;
  position: relative;
}
.exercise-card .detail li {
  margin-bottom: 6px;
}
.exercise-card .detail li label {
  width: 36px;
  font-size: 12px;
  color: #9090a4;
}
.exercise-card .detail li span {
  white-space: nowrap;
  font-size: 12px;
  color: #9090a4;
}
.exercise-card .detail li.examinee-count {
  position: absolute;
  right: 0;
  bottom: 0;
  margin-bottom: 0;
}
.exercise-card .detail li.examinee-count span {
  color: #1a8cfe;
}
.exercise-card .block {
  height: 96px;
  border-top: 1px solid #f1f3f8;
  position: relative;
  margin-top: 10px;
}
.exercise-card .block .push-days {
  font-size: 0;
  position: absolute;
  right: 0;
  top: 6px;
}
.exercise-card .block .push-days label {
  font-size: 12px;
  color: #9090a4;
}
.exercise-card .block .push-days span {
  font-size: 12px;
  color: #9090a4;
  font-weight: 900;
}
.exercise-card .block .push-days span.now-day {
  font-size: 16px;
  color: #1a8cfe;
}
.exercise-card .kalendae {
  background: #fff;
  padding: 0;
  margin: 10px 0 0;
}
.exercise-card .kalendae .k-calendar {
  width: 100%;
  height: 80px;
}
.exercise-card .kalendae .k-calendar .k-title {
  width: 180px;
}
.exercise-card .kalendae .k-calendar .k-title .k-btn-previous-month {
  left: 0;
}
.exercise-card .kalendae .k-calendar .k-title .k-btn-next-month,
.exercise-card .kalendae .k-calendar .k-title .k-btn-previous-month {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 12px;
  color: #656577;
  top: 0;
  -webkit-transform: scale(0.83);
  transform: scale(0.83);
}
.exercise-card .kalendae .k-calendar .k-title .k-btn-next-month {
  right: 0;
}
.exercise-card .kalendae .k-calendar .k-days {
  width: calc(200% + 10px);
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  margin-left: -160px;
  margin-top: -10px;
}
.exercise-card .kalendae .k-calendar .k-days span.k-in-month.k-active {
  width: 39px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 20px;
  padding: 0;
  margin: 0 0 7px;
  border: 0;
  color: #656577;
  border-radius: 0;
  cursor: default;
}
.exercise-card
  .kalendae
  .k-calendar
  .k-days
  span.k-in-month.k-active.k-selected {
  background: rgba(60, 130, 253, 0.15);
}
.exercise-card
  .kalendae
  .k-calendar
  .k-days
  span.k-in-month.k-active.k-selected.k-today {
  text-decoration: none;
  background: #1a8cfe;
  color: #fff;
}
.exercise-card
  .kalendae
  .k-calendar
  .k-days
  span.k-in-month.k-active:first-child,
.exercise-card
  .kalendae
  .k-calendar
  .k-days
  span.k-in-month.k-active:nth-child(7),
.exercise-card
  .kalendae
  .k-calendar
  .k-days
  span.k-in-month.k-active:nth-child(8),
.exercise-card
  .kalendae
  .k-calendar
  .k-days
  span.k-in-month.k-active:nth-child(14),
.exercise-card
  .kalendae
  .k-calendar
  .k-days
  span.k-in-month.k-active:nth-child(15),
.exercise-card
  .kalendae
  .k-calendar
  .k-days
  span.k-in-month.k-active:nth-child(21),
.exercise-card
  .kalendae
  .k-calendar
  .k-days
  span.k-in-month.k-active:nth-child(22),
.exercise-card
  .kalendae
  .k-calendar
  .k-days
  span.k-in-month.k-active:nth-child(28),
.exercise-card
  .kalendae
  .k-calendar
  .k-days
  span.k-in-month.k-active:nth-child(29),
.exercise-card
  .kalendae
  .k-calendar
  .k-days
  span.k-in-month.k-active:nth-child(35),
.exercise-card
  .kalendae
  .k-calendar
  .k-days
  span.k-in-month.k-active:nth-child(36) {
  color: #c47983;
}
.exercise-card .kalendae .k-calendar .k-btn-next-year,
.exercise-card .kalendae .k-calendar .k-btn-previous-year,
.exercise-card .kalendae .k-calendar .k-header,
.exercise-card .kalendae .k-calendar .k-out-of-month {
  display: none !important;
}
.live-card {
  width: 373px;
  height: 144px;
  padding: 20px 30px;
  background: #fff;
  border: 1px solid #f1f3f8;
  border-radius: 4px;
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.live-card .img-border {
  height: 30px;
  position: absolute;
  left: 0;
  top: 16px;
}
.live-card .name {
  font-size: 16px;
  color: #27274a;
  line-height: 22px;
  width: 250px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.live-card .el-dropdown,
.live-card .name {
  display: inline-block;
  vertical-align: middle;
}
.live-card .el-dropdown {
  margin-left: 15px;
  cursor: pointer;
}
.live-card .el-dropdown .el-dropdown-link {
  font-size: 12px;
  color: #27274a;
}
.live-card .el-dropdown .el-dropdown-link .el-icon--right {
  font-size: 16px;
  vertical-align: middle;
  line-height: normal;
  margin-left: 0;
}
.live-card .detail {
  margin-top: 15px;
  position: relative;
}
.live-card .detail li {
  width: 100%;
  float: left;
  margin-right: 10px;
}
.live-card .detail li label {
  width: 36px;
  font-size: 12px;
  color: #9090a4;
  margin-bottom: 6px;
}
.live-card .detail li span {
  white-space: nowrap;
  font-size: 12px;
  color: #9090a4;
  display: inline-block;
  margin-bottom: 6px;
}
.live-card .detail li.examinee-count {
  position: absolute;
  right: 0;
  bottom: 0;
  margin-right: 0;
}
.live-card .detail li.examinee-count span {
  color: #1a8cfe;
}
.train-card {
  width: 373px;
  height: 121px;
  padding: 20px 30px;
  background: #fff;
  border: 1px solid #f1f3f8;
  border-radius: 4px;
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.train-card .img-border {
  height: 30px;
  position: absolute;
  left: 0;
  top: 16px;
}
.train-card .name {
  font-size: 16px;
  color: #27274a;
  line-height: 22px;
  width: 250px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
}
.train-card .el-dropdown {
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
  cursor: pointer;
}
.train-card .el-dropdown .el-dropdown-link {
  font-size: 12px;
  color: #27274a;
}
.train-card .el-dropdown .el-dropdown-link .el-icon--right {
  font-size: 16px;
  vertical-align: middle;
  line-height: normal;
  margin-left: 0;
}
.train-card .detail {
  margin-top: 15px;
  position: relative;
}
.train-card .detail li {
  width: 100%;
  float: left;
  margin-right: 10px;
}
.train-card .detail li label {
  width: 36px;
  font-size: 12px;
  color: #9090a4;
  margin-bottom: 6px;
}
.train-card .detail li span {
  white-space: nowrap;
  font-size: 12px;
  color: #9090a4;
  display: inline-block;
  margin-bottom: 6px;
}
.train-card .detail li.examinee-count {
  position: absolute;
  right: 0;
  bottom: 0;
  margin-right: 0;
}
.train-card .detail li.examinee-count span {
  color: #1a8cfe;
}
.share-link-dialog .el-dialog {
  height: 500px;
}
.share-link-dialog .el-dialog .el-dialog__header {
  display: none;
}
.share-link-dialog .el-dialog .el-dialog__body {
  float: left;
  padding: 0;
  height: 100%;
}
.share-link-dialog .el-dialog .el-dialog__body .left-box {
  padding: 40px 35px;
  float: left;
  background: #dcdfe6;
  width: 312px;
  height: 100%;
}
.share-link-dialog .el-dialog .el-dialog__body .left-box .content {
  background: #fff;
  border-radius: 6px;
  text-align: center;
  padding-top: 20px;
  height: 418px;
  position: relative;
}
.share-link-dialog .el-dialog .el-dialog__body .left-box .content img {
  height: 39px;
}
.share-link-dialog
  .el-dialog
  .el-dialog__body
  .left-box
  .content
  .company-logo {
  max-width: 67%;
}
.share-link-dialog .el-dialog .el-dialog__body .left-box .content .title {
  width: 272px;
  height: 105px;
  background: #1a8cfe;
  margin-left: -16px;
  margin-top: 5px;
  color: #fff;
  position: relative;
}
.share-link-dialog
  .el-dialog
  .el-dialog__body
  .left-box
  .content
  .title
  .guide {
  opacity: 0.8;
  padding-top: 20px;
}
.share-link-dialog
  .el-dialog
  .el-dialog__body
  .left-box
  .content
  .title
  .guide
  .left-border,
.share-link-dialog
  .el-dialog
  .el-dialog__body
  .left-box
  .content
  .title
  .guide
  .right-border {
  border-top: 1px solid #fff;
  display: inline-block;
  width: 35px;
  vertical-align: middle;
  margin: 0 10px;
  -webkit-transform: scaleY(0.3);
  transform: scaleY(0.3);
}
.share-link-dialog
  .el-dialog
  .el-dialog__body
  .left-box
  .content
  .title
  .item-name {
  font-size: 15px;
  line-height: 20px;
  font-weight: 700;
  display: inline-block;
  padding: 0 20px;
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.share-link-dialog
  .el-dialog
  .el-dialog__body
  .left-box
  .content
  .title
  .triangle {
  border-color: #b4b6bd #b4b6bd transparent transparent;
  border-style: solid;
  border-width: 7.5px;
  position: absolute;
  width: 0;
  height: 0;
  bottom: -15px;
}
.share-link-dialog
  .el-dialog
  .el-dialog__body
  .left-box
  .content
  .title
  .triangle.right {
  right: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.share-link-dialog .el-dialog .el-dialog__body .left-box .content .time {
  margin-top: 15px;
}
.share-link-dialog .el-dialog .el-dialog__body .left-box .content .time p {
  background: #f7f8fa;
  border-radius: 2px;
  font-size: 12px;
  color: #6d717c;
  width: 100%;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  -webkit-transform: scale(0.83);
  transform: scale(0.83);
  text-align: left;
  padding-left: 30px;
}
.share-link-dialog .el-dialog .el-dialog__body .left-box .content .erweima {
  position: absolute;
  left: 59px;
  bottom: 10px;
}
.share-link-dialog
  .el-dialog
  .el-dialog__body
  .left-box
  .content
  .erweima
  .qr-code {
  width: 124px;
  height: 124px;
  margin: 0 auto;
}
.share-link-dialog
  .el-dialog
  .el-dialog__body
  .left-box
  .content
  .erweima
  .qr-code
  img {
  width: 100%;
  height: 100%;
}
.share-link-dialog
  .el-dialog
  .el-dialog__body
  .left-box
  .content
  .erweima
  .tip {
  font-size: 12px;
  color: #b4b6bd;
  margin-top: 10px;
  -webkit-transform: scale(0.83);
  transform: scale(0.83);
  display: inline-block;
}
.share-link-dialog .el-dialog .el-dialog__body .left-box .content .half_circle {
  display: inline-block;
  border-radius: 100px;
  width: 22px;
  height: 22px;
  position: absolute;
  background: #dcdfe6;
}
.share-link-dialog
  .el-dialog
  .el-dialog__body
  .left-box
  .content
  .half_circle.left {
  left: -11px;
}
.share-link-dialog
  .el-dialog
  .el-dialog__body
  .left-box
  .content
  .half_circle.right {
  right: -11px;
}
.share-link-dialog .el-dialog .el-dialog__body .right-box {
  float: right;
  height: 100%;
  width: 380px;
  padding: 30px 40px;
  position: relative;
}
.share-link-dialog .el-dialog .el-dialog__body .right-box .title {
  font-size: 20px;
  color: #3a3e51;
  letter-spacing: 0;
  margin-bottom: 40px;
}
.share-link-dialog .el-dialog .el-dialog__body .right-box .item-link,
.share-link-dialog .el-dialog .el-dialog__body .right-box .item-notice {
  font-size: 14px;
  color: #3a3e51;
  font-weight: 600;
}
.share-link-dialog .el-dialog .el-dialog__body .right-box .item-link div,
.share-link-dialog .el-dialog .el-dialog__body .right-box .item-notice div {
  font-weight: 400;
  font-size: 12px;
  margin-top: 10px;
}
.share-link-dialog
  .el-dialog
  .el-dialog__body
  .right-box
  .item-link
  div
  .el-checkbox__label,
.share-link-dialog
  .el-dialog
  .el-dialog__body
  .right-box
  .item-notice
  div
  .el-checkbox__label {
  font-size: 12px;
}
.share-link-dialog .el-dialog .el-dialog__body .right-box .item-link .helpLink {
  font-size: 12px;
  color: #6d717c;
  text-align: left;
  position: absolute;
  top: 90px;
  right: 40px;
  display: inline-block;
  height: 17px;
}
.share-link-dialog
  .el-dialog
  .el-dialog__body
  .right-box
  .item-link
  .helpLink
  a {
  color: #1a8cfe;
  text-decoration: underline;
}
.share-link-dialog
  .el-dialog
  .el-dialog__body
  .right-box
  .item-link
  .copy-url
  span:first-child {
  display: inline-block;
  width: 215px;
  word-break: break-all;
}
.share-link-dialog
  .el-dialog
  .el-dialog__body
  .right-box
  .item-link
  .copy-url
  .btn-copy-url {
  padding: 0;
  border: 0;
  vertical-align: top;
  line-height: 20px;
  margin-left: 10px;
}
.share-link-dialog
  .el-dialog
  .el-dialog__body
  .right-box
  .item-link
  .copy-url
  .btn-copy-url
  i {
  vertical-align: baseline;
}
.share-link-dialog .el-dialog .el-dialog__body .right-box .item-notice {
  margin-top: 30px;
  position: relative;
}
.share-link-dialog
  .el-dialog
  .el-dialog__body
  .right-box
  .item-notice
  .el-checkbox
  + .el-checkbox {
  margin-left: 10px;
}
.share-link-dialog .el-dialog .el-dialog__body .right-box .item-notice .icon {
  color: #9b9b9b;
  font-size: 12px;
  margin-left: 10px;
  cursor: pointer;
}
.share-link-dialog .el-dialog .el-dialog__body .right-box .btn-box {
  position: absolute;
  bottom: 40px;
  left: 0;
  width: 100%;
  text-align: center;
}
.share-link-dialog
  .el-dialog
  .el-dialog__body
  .right-box
  .btn-box
  .el-button--primary.is-plain {
  background: rgba(60, 130, 253, 0.1);
  border: 1px solid rgba(60, 130, 253, 0.2);
  color: #1a8cfe;
}
.share-link-dialog
  .el-dialog
  .el-dialog__body
  .right-box
  .btn-box
  .el-button--primary {
  width: 100px;
}
.share-link-dialog
  .el-dialog
  .el-dialog__body
  .right-box
  .btn-box
  .el-button:first-child {
  width: 80px;
}
.share-link-dialog.share-live-dialog
  .el-dialog
  .el-dialog__body
  .right-box
  .course-link.push {
  margin-top: 26px;
}
.share-link-dialog.share-live-dialog
  .el-dialog
  .el-dialog__body
  .right-box
  .course-link.push
  .alert {
  font-size: 12px;
  color: #fe8545;
  text-align: left;
  line-height: 18px;
}
.share-link-dialog.share-live-dialog
  .el-dialog
  .el-dialog__body
  .right-box
  .course-link.push
  .alert
  .icon {
  position: relative;
  color: #fe8545;
  margin: 0 5px 0 10px;
  top: 1px;
}
.share-link-dialog.share-live-dialog
  .el-dialog
  .el-dialog__body
  .right-box
  .course-link.push
  .copy-url
  span:first-child {
  display: inline-block;
  width: 215px;
  word-break: break-all;
}
.share-link-dialog.share-live-dialog
  .el-dialog
  .el-dialog__body
  .right-box
  .course-link.push
  .copy-url
  .btn-copy-url {
  padding: 0;
  border: 0;
  vertical-align: top;
  line-height: 20px;
  margin-left: 10px;
}
.share-link-dialog.share-live-dialog
  .el-dialog
  .el-dialog__body
  .right-box
  .course-link.push
  .copy-url
  .btn-copy-url
  i {
  position: relative;
  top: -5px;
}
.share-link-dialog.share-live-dialog
  .el-dialog
  .el-dialog__body
  .left-box
  .content
  .erweima {
  bottom: 30px;
}
.notification-tip {
  width: 100%;
  background: #fff;
  text-align: left;
  padding: 10px;
  line-height: 20px;
  color: #777;
  -webkit-transition: 1s;
  transition: 1s;
  cursor: auto;
  font-size: 13px;
}
.notification-tip h4 {
  margin: 0 0 10px;
  font-size: 12px;
  color: #2f7cdb;
}
.notification-tip > p {
  font-size: 12px;
  color: #4a4a4a;
  line-height: 20px;
}
.notification-tip > p a {
  color: #1a8cfe;
}
.notification-tip > div {
  position: relative;
}
.notification-tip > div img {
  width: 100%;
}
.notification-tip > div .notification {
  position: absolute;
  font-size: 12px;
  left: 50%;
  width: 280px;
  color: #fff;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin-top: 0;
}
.notification-tip > div .notification p {
  width: 100%;
  margin: 0;
  word-break: break-all;
  word-wrap: break-word;
}
.change-log .el-dialog {
  height: 656px;
  background-image: url(https://s6.kaoshixing.com/static/vue/admin/index/log-dialog-bg.png?v=b8377f6a56);
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.change-log .el-dialog .el-dialog__header {
  display: none;
}
.change-log .el-dialog .el-dialog__body {
  padding: 55px 55px 0;
  text-align: center;
  font-size: 0;
}
.change-log .el-dialog .el-dialog__footer {
  padding: 30px 30px 40px;
}
.change-log .el-dialog .el-dialog__footer .link-change-log {
  font-size: 14px;
  color: #1a8cfe;
  float: right;
  line-height: 34px;
}
.change-log .el-dialog .title {
  font-size: 30px;
  color: #fff;
  line-height: 42px;
  margin-top: 15px;
}
.change-log .el-dialog .version {
  display: inline-block;
  padding: 4px 15px;
  border: 1px solid #fff;
  border-radius: 4px;
  font-size: 16px;
  color: #fff;
  margin-top: 18px;
}
.change-log .el-dialog .content {
  height: 305px;
  overflow-y: auto;
  margin-top: 85px;
}
.change-log .el-dialog .content .item-title {
  font-size: 16px;
  color: #3a3e51;
  letter-spacing: 2px;
  text-align: left;
  line-height: 25px;
  margin-left: -10px;
  margin-bottom: 10px;
}
.change-log .el-dialog .content .item-detail {
  font-size: 14px;
  color: #6d717c;
  line-height: 25px;
  text-align: left;
}
input::-webkit-input-placeholder {
  color: #c1c1cb;
}
input:-moz-placeholder,
input::-moz-placeholder {
  color: #c1c1cb;
}
input:-ms-input-placeholder {
  color: #c1c1cb;
}
.exercise-dialog .el-dialog {
  border-radius: 4px;
}
.exercise-dialog .el-dialog__header {
  display: none;
}
.exercise-dialog .el-dialog__body {
  padding: 0;
}
.exercise-dialog .el-dialog__body .page-box {
  height: 399px;
  overflow: hidden;
  position: relative;
}
.exercise-dialog .el-dialog__body .page-box .page-scroll-box {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.exercise-dialog .el-dialog__body .page-box .page-scroll-box.bottom {
  top: -399px;
}
.exercise-dialog .el-dialog__body .page-box .page-scroll-box .page {
  width: 100%;
  height: 399px;
  background-repeat: no-repeat;
  position: relative;
}
.exercise-dialog .el-dialog__body .page-box .page-scroll-box .page.info-page {
  background-color: #3776ff;
  background-size: cover;
  background-image: url(https://s6.kaoshixing.com/static/vue/images/index/exercise-free-bg-1.png?v=37bd9427bc);
}
.exercise-dialog
  .el-dialog__body
  .page-box
  .page-scroll-box
  .page.info-page.free {
  background-image: url(https://s6.kaoshixing.com/static/vue/images/index/exercise-free-bg-2.png?v=f492e2e13b);
}
.exercise-dialog
  .el-dialog__body
  .page-box
  .page-scroll-box
  .page.info-page
  .btn-application {
  width: 210px;
  height: 44px;
  position: absolute;
  left: 50%;
  bottom: 25px;
  margin-left: -105px;
  color: #3776ff;
}
.exercise-dialog .el-dialog__body .page-box .page-scroll-box .page.form-page {
  background-size: 100% auto;
  background-image: url(https://s6.kaoshixing.com/static/vue/images/index/exercise-free-bg-3.png?v=8981e4cef4);
  padding: 100px 65px 0;
  text-align: center;
}
.exercise-dialog
  .el-dialog__body
  .page-box
  .page-scroll-box
  .page.form-page
  .el-input {
  margin-top: 10px;
}
.exercise-dialog
  .el-dialog__body
  .page-box
  .page-scroll-box
  .page.form-page
  .el-input
  input {
  background: #f1f3f8;
  border: 0;
  color: #3a3e51;
}
.exercise-dialog
  .el-dialog__body
  .page-box
  .page-scroll-box
  .page.form-page
  .btn-submit {
  width: 210px;
  margin-top: 25px;
  padding: 14px 23px;
  background: #3776ff;
}
.exercise-dialog .el-dialog__body .close-box {
  position: absolute;
  right: 0;
  bottom: -40px;
}
.exercise-dialog .el-dialog__body .close-box .el-checkbox__label {
  color: #fff;
}
.exercise-dialog .el-dialog__body .close-box .white-border {
  height: 14px;
  border-right: 1px solid #fff;
  margin: 0 15px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px;
}
.exercise-dialog .el-dialog__body .close-box .btn-close-dialog {
  color: #fff;
}
.panel-card[data-v-fa14558e] {
  width: 400px;
  height: 290px;
  background: #f7f8fa;
  border-radius: 4px;
  padding: 20px;
  position: relative;
}
.panel-card dl[data-v-fa14558e] {
  min-height: 50px;
}
.panel-card dl dt[data-v-fa14558e] {
  font-size: 12px;
  color: #6d717c;
  line-height: 14px;
  -webkit-transform: scale(0.83);
  transform: scale(0.83);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  margin-bottom: 7px;
}
.panel-card dl dd[data-v-fa14558e] {
  font-size: 12px;
  color: #3a3e51;
  line-height: 20px;
}
.panel-card dl dd .panel-count-info .num[data-v-fa14558e] {
  font-weight: 600;
  font-size: 14px;
  margin: 0 5px;
}
.panel-card dl dd .icon-dot[data-v-fa14558e] {
  display: inline-block;
  vertical-align: middle;
  width: 5px;
  height: 5px;
  background: #b4b6bd;
  border-radius: 100%;
  margin-right: 2px;
}
.panel-card dl dd .icon-dot.blue[data-v-fa14558e] {
  background-color: #1a8cfe;
}
.panel-card dl dd .icon-dot.red[data-v-fa14558e] {
  background-color: #f76377;
}
.panel-card dl dd .count-status[data-v-fa14558e] {
  margin-left: 5px;
}
.panel-card dl dd .count-status .icon[data-v-fa14558e] {
  margin-right: 3px;
  vertical-align: middle;
  line-height: 20px;
}
.panel-card dl dd .count-status .rate[data-v-fa14558e] {
  font-weight: 600;
  vertical-align: middle;
}
.panel-card dl dd .count-status.is-rise[data-v-fa14558e] {
  color: #ff4b50;
}
.panel-card dl dd .count-status.is-fall[data-v-fa14558e] {
  color: #3fd777;
}
.panel-card dl dd + dd[data-v-fa14558e] {
  margin-top: 3px;
}
.panel-card .chart-box[data-v-fa14558e] {
  height: 110px;
  margin-top: 10px;
  background: #fafbff;
}
.panel-card .chart-box .chart[data-v-fa14558e] {
  height: 120px;
  width: 100%;
}
.panel-card.count-Info-list-1 .chart-box[data-v-fa14558e] {
  height: 141px;
}
.panel-card.count-Info-list-1 .chart-box .chart[data-v-fa14558e] {
  height: 160px;
}
.panel-card.count-Info-list-2 .chart-box[data-v-fa14558e] {
  height: 121px;
}
.panel-card.count-Info-list-2 .chart-box .chart[data-v-fa14558e] {
  height: 140px;
}
.panel-card.count-Info-list-3 .chart-box[data-v-fa14558e] {
  height: 101px;
}
.panel-card.count-Info-list-3 .chart-box .chart[data-v-fa14558e] {
  height: 120px;
}
.panel-card .detail[data-v-fa14558e] {
  font-size: 0;
  position: absolute;
  left: 20px;
  bottom: 20px;
}
.panel-card .detail .icon[data-v-fa14558e] {
  width: 30px;
  border-radius: 100%;
  background: #1a8cfe;
  display: inline-block;
  vertical-align: middle;
}
.panel-card .detail .info[data-v-fa14558e] {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #3a3e51;
  line-height: 30px;
  vertical-align: middle;
  margin-left: 10px;
}
.panel-card .link-to-more[data-v-fa14558e] {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(58, 62, 81, 0.5);
  text-align: center;
  padding-top: 125px;
  display: none;
}
.panel-card:hover .link-to-more[data-v-fa14558e] {
  display: block;
}
.usage-status[data-v-0b4919aa] {
  padding: 0 0 10px;
}
.usage-status .usage-progress-list[data-v-0b4919aa] {
  padding-bottom: 10px;
}
.usage-status .usage-progress[data-v-0b4919aa] {
  margin-right: 30px;
}
.usage-status .tip[data-v-0b4919aa] {
  font-size: 12px;
  line-height: 17px;
  color: #ff4b50;
  text-align: center;
}
.usage-progress {
  display: inline-block;
  font-size: 12px;
  line-height: 17px;
}
.usage-progress.warning .detail,
.usage-progress.warning .el-icon-circle-plus-outline {
  color: #ff4b50;
}
.usage-progress .el-progress {
  display: inline-block;
  width: 60px;
  vertical-align: 2px;
}
.usage-progress .plus-button {
  padding: 0;
}
.usage-progress .popover-main {
  height: 0;
}
.popover-sup {
  min-width: 100px;
}
.popover-sup .content {
  font-size: 12px;
  line-height: 0.4;
}
.popover-sup .content .popover-warning {
  color: #f76377;
  display: inline-block;
  margin-left: 10px;
}
[data-v-7b95453c] .el-dialog {
  height: 600px;
  border-radius: 10px;
}
[data-v-7b95453c] .el-dialog .el-dialog__header {
  display: none;
}
[data-v-7b95453c] .el-dialog .el-dialog__body {
  padding: 0;
  width: 100%;
  height: 100%;
}
[data-v-7b95453c] .el-dialog .el-dialog__footer {
  padding: 11px 0 0;
}
.container[data-v-7b95453c] {
  width: 100%;
  height: 100%;
  padding-left: 120px;
  position: relative;
}
.container .navs[data-v-7b95453c] {
  position: absolute;
  left: 0;
  top: 0;
  width: 119px;
  height: 100%;
  border-right: 1px solid #f1f3f8;
}
.container .navs[data-v-7b95453c]:after {
  content: "";
  display: block;
  position: absolute;
  right: -20px;
  top: 0;
  width: 20px;
  height: 100%;
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    from(rgba(220, 223, 230, 0)),
    to(rgba(220, 223, 230, 0.2))
  );
  background: linear-gradient(
    270deg,
    rgba(220, 223, 230, 0),
    rgba(220, 223, 230, 0.2)
  );
}
.container .navs .split[data-v-7b95453c] {
  width: 79px;
  border-color: #f1f3f8;
  margin-left: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.container .navs .nav[data-v-7b95453c] {
  position: relative;
  padding: 10px 0 10px 30px;
  font-size: 16px;
  color: #9090a4;
  line-height: 22px;
  cursor: pointer;
}
.container .navs .nav .text[data-v-7b95453c] {
  position: relative;
}
.container .navs .nav .text .red-dot[data-v-7b95453c] {
  position: absolute;
  display: inline-block;
  top: 0;
  right: -11px;
  width: 15px;
  height: 15px;
  background: #ff4b50;
  -webkit-box-shadow: 0 0 5px 0 rgba(58, 62, 81, 0.1);
  box-shadow: 0 0 5px 0 rgba(58, 62, 81, 0.1);
  border-radius: 7px;
  border: 1px solid #fff;
  text-align: center;
}
.container .navs .nav .text .red-dot .num[data-v-7b95453c] {
  display: inline-block;
  color: #fff;
  line-height: 17px;
  font-size: 12px;
  -webkit-transform: scale(0.83);
  transform: scale(0.83);
  position: relative;
  top: -6px;
}
.container .navs .nav .text .red-dot .num.ellipsis[data-v-7b95453c] {
  top: -9px;
}
.container .navs .nav[data-v-7b95453c]:hover {
  background: #f1f3f8;
}
.container .navs .nav.active[data-v-7b95453c] {
  font-weight: 500;
  color: #27274a;
}
.container .navs .nav.active[data-v-7b95453c]:before {
  content: "";
  display: block;
  width: 4px;
  height: 16px;
  background: #1a8cfe;
  border-radius: 2px;
  position: absolute;
  left: 20px;
  top: 13px;
}
.container .navs .nav.all[data-v-7b95453c] {
  margin-top: 30px;
}
.container .navs .nav + .nav[data-v-7b95453c] {
  margin-top: 20px;
}
.container .article[data-v-7b95453c] {
  width: 100%;
  height: 100%;
  position: relative;
  padding-left: 291px;
}
.container .article .article-list[data-v-7b95453c] {
  position: absolute;
  left: 0;
  top: 0;
  width: 291px;
  height: 100%;
  border-right: 1px solid #f1f3f8;
}
.container .article .article-list[data-v-7b95453c]:after {
  content: "";
  display: block;
  position: absolute;
  right: -30px;
  top: 0;
  width: 30px;
  height: 100%;
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    from(rgba(220, 223, 230, 0)),
    to(rgba(220, 223, 230, 0.2))
  );
  background: linear-gradient(
    270deg,
    rgba(220, 223, 230, 0),
    rgba(220, 223, 230, 0.2)
  );
}
.container .article .article-list .wrapper[data-v-7b95453c] {
  padding: 30px 20px 50px;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.container .article .article-list .wrapper .card[data-v-7b95453c] {
  position: relative;
  padding-top: 107px;
  width: 100%;
  background: #fff;
  -webkit-box-shadow: 0 1px 5px 0 rgba(58, 62, 81, 0.1);
  box-shadow: 0 1px 5px 0 rgba(58, 62, 81, 0.1);
  border-radius: 2px;
  border: 1px solid #fff;
  height: 160px;
  overflow: hidden;
  cursor: pointer;
}
.container .article .article-list .wrapper .card .cover[data-v-7b95453c] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  padding-top: 42.56%;
  border-radius: 2px 2px 0 0;
  overflow: hidden;
}
.container .article .article-list .wrapper .card .cover .img[data-v-7b95453c] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 0;
}
.container
  .article
  .article-list
  .wrapper
  .card
  .cover
  .img
  img[data-v-7b95453c] {
  max-width: 100%;
  max-height: 100%;
}
.container
  .article
  .article-list
  .wrapper
  .card
  .cover
  .label[data-v-7b95453c] {
  border-radius: 100px 0 0 100px;
  width: 45px;
  height: 22px;
  font-size: 12px;
  text-align: center;
  line-height: 22px;
  border: 1px solid hsla(0, 0%, 100%, 0.5);
  border-right: 0;
  color: #fff;
  position: absolute;
  right: 0;
  bottom: 0;
}
.container
  .article
  .article-list
  .wrapper
  .card
  .cover
  .label.read[data-v-7b95453c] {
  background: rgba(39, 39, 74, 0.6);
}
.container
  .article
  .article-list
  .wrapper
  .card
  .cover
  .label.unread[data-v-7b95453c] {
  background: rgba(255, 75, 80, 0.8);
}
.container .article .article-list .wrapper .card .content[data-v-7b95453c] {
  padding: 10px;
}
.container
  .article
  .article-list
  .wrapper
  .card
  .content
  .title[data-v-7b95453c] {
  font-size: 12px;
  font-weight: 500;
  color: #27274a;
  line-height: 17px;
}
.container .article .article-list .wrapper .card + .card[data-v-7b95453c] {
  margin-top: 15px;
}
.container .article .article-list .wrapper .card.active[data-v-7b95453c],
.container .article .article-list .wrapper .card[data-v-7b95453c]:hover {
  -webkit-box-shadow: 0 0 10px 0 rgba(26, 140, 254, 0.3);
  box-shadow: 0 0 10px 0 rgba(26, 140, 254, 0.3);
  border: 1px solid rgba(26, 140, 254, 0.5);
}
.container .article .article-list .wrapper .empty[data-v-7b95453c] {
  padding-top: 120px;
  text-align: center;
  margin-bottom: 207px;
}
.container .article .article-list .wrapper .empty img[data-v-7b95453c] {
  height: 106px;
}
.container .article .article-list .wrapper .empty .desc[data-v-7b95453c] {
  margin-top: 15px;
  color: #b4b6bd;
}
.container .article .article-list .wrapper .split[data-v-7b95453c] {
  margin-top: 50px;
  margin-bottom: 30px;
  border-color: #f1f3f8;
}
.container .article .article-list .wrapper .jump-ow[data-v-7b95453c] {
  color: #656577;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
}
.container .article .article-list .wrapper .jump-ow[data-v-7b95453c]:hover {
  color: #1a8cfe;
}
.container .article .article-content[data-v-7b95453c] {
  padding: 30px 40px 0 30px;
}
.container .article .article-content .title[data-v-7b95453c] {
  font-size: 18px;
  font-weight: 500;
  color: #27274a;
  line-height: 25px;
  margin-bottom: 10px;
}
.container .article .article-content .info[data-v-7b95453c] {
  margin-bottom: 10px;
  font-size: 12px;
  color: #9090a4;
  line-height: 17px;
}
.container .article .article-content .info .line[data-v-7b95453c] {
  margin: 0 5px;
}
.container
  .article
  .article-content
  .info
  .statistics
  .amount[data-v-7b95453c] {
  font-weight: 500;
  color: #1a8cfe;
}
.container .article .article-content .split[data-v-7b95453c] {
  border-color: #f1f3f8;
}
.container .article .article-content .wrapper[data-v-7b95453c] {
  height: 507px;
  overflow: auto;
  margin-right: -40px;
  padding-right: 40px;
}
.container .article .article-content .wrapper .notice-tip[data-v-7b95453c] {
  width: 100%;
  height: 28px;
  background: #ffeded;
  color: #ff4b50;
  font-size: 12px;
  line-height: 28px;
  text-align: center;
}
.container
  .article
  .article-content
  .wrapper
  .notice-tip
  .jump[data-v-7b95453c] {
  text-decoration: underline;
  cursor: pointer;
}
.container .article .article-content .wrapper .content[data-v-7b95453c] {
  padding: 20px 0;
}
.container .article .article-content .wrapper .content[data-v-7b95453c] img {
  max-width: 95% !important;
}
.container .article .article-content .wrapper .content[data-v-7b95453c] h1 {
  font-size: 2em !important;
}
.container .article .article-content .wrapper .notice[data-v-7b95453c] {
  padding: 20px 0;
}
.container .article .article-content .wrapper .notice .intro[data-v-7b95453c] {
  padding: 20px 0;
  background: #f1f3f8;
  margin-bottom: 20px;
}
.container
  .article
  .article-content
  .wrapper
  .notice
  .intro
  .title[data-v-7b95453c] {
  font-size: 16px;
  font-weight: 500;
  color: #27274a;
  line-height: 22px;
  margin-bottom: 10px;
}
.container
  .article
  .article-content
  .wrapper
  .notice
  .intro
  .desc[data-v-7b95453c] {
  color: #27274a;
  line-height: 20px;
}
.container
  .article
  .article-content
  .wrapper
  .notice
  .intro
  .desc
  .quick-entrance[data-v-7b95453c] {
  color: #1a8cfe;
  line-height: 20px;
  position: relative;
  cursor: pointer;
  margin-bottom: 20px;
}
.container
  .article
  .article-content
  .wrapper
  .notice
  .intro
  .desc
  .quick-entrance[data-v-7b95453c]:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 100%;
  height: 7px;
  background: #1a8cfe;
  opacity: 0.2;
}
.container
  .article
  .article-content
  .wrapper
  .notice
  .content[data-v-7b95453c] {
  border-radius: 4px;
  border: 1px solid #dcdfe6;
  padding: 20px;
}
.container
  .article
  .article-content
  .wrapper
  .notice
  .content[data-v-7b95453c]
  img {
  max-width: 95% !important;
}
.container
  .article
  .article-content
  .wrapper
  .notice
  .content[data-v-7b95453c]
  h1 {
  font-size: 2em !important;
}
.container .article .article-content .empty[data-v-7b95453c] {
  text-align: center;
  padding-top: 50px;
}
.container .article .article-content .empty .desc[data-v-7b95453c] {
  position: relative;
  color: #b4b6bd;
}
.container .article .article-content .empty .desc[data-v-7b95453c]:before {
  content: "";
  display: block;
  width: 200px;
  border-top: 1px solid #f1f3f8;
  position: absolute;
  left: -210px;
  top: 10px;
}
.container .article .article-content .empty .desc[data-v-7b95453c]:after {
  content: "";
  display: block;
  width: 200px;
  border-top: 1px solid #f1f3f8;
  position: absolute;
  right: -210px;
  top: 10px;
}
.dialog-footer > [data-v-7b95453c] {
  vertical-align: middle;
}
.dialog-footer[data-v-7b95453c] .el-checkbox {
  color: #fff;
}
.dialog-footer[data-v-7b95453c] .el-checkbox .el-checkbox__inner,
.dialog-footer[data-v-7b95453c] .el-checkbox.is-checked .el-checkbox__inner {
  background-color: transparent;
  border-color: #fff;
}
.dialog-footer[data-v-7b95453c]
  .el-checkbox.is-checked
  .el-checkbox__input.is-checked
  + .el-checkbox__label {
  color: #fff;
}
.dialog-footer[data-v-7b95453c]
  .el-checkbox
  .el-checkbox__input.is-focus
  .el-checkbox__inner {
  background-color: transparent;
  border-color: #fff;
}
.dialog-footer .line[data-v-7b95453c] {
  display: inline-block;
  border-left: 1px solid #fff;
  height: 14px;
  margin-left: 15px;
}
.dialog-footer[data-v-7b95453c] .el-button {
  padding: 0 0 0 15px !important;
  color: #fff;
  height: 20px;
  line-height: 20px;
}
.system-name[data-v-3c569207] {
  font-size: 24px;
  color: #27274a;
  font-weight: 500;
  vertical-align: middle;
}
.select-popover {
  padding: 5px 0;
}
.select-popover li {
  min-height: 27px;
  line-height: 27px;
  padding-left: 20px;
  cursor: pointer;
  font-size: 12px;
  position: relative;
}
.select-popover li:not(.custom-date-range):not(.disabled):hover {
  background: #ebf5ff;
  color: #1a8cfe;
}
.select-popover li.custom-date-range {
  width: 100%;
  -webkit-transform: scale(0.83);
  transform: scale(0.83);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  border-top: 1px solid #dcdfe6;
  margin: 5px 20px 0;
  padding: 10px 0 0;
}
.select-popover li.custom-date-range .label {
  color: #6d717c;
}
.select-popover li .el-date-editor {
  width: auto;
}
.select-popover li .el-date-editor .el-input__inner {
  width: 73px;
  padding: 5px;
  font-size: 12px;
  text-align: center;
  font-weight: 100;
}
.select-popover li .el-date-editor .el-input__prefix {
  display: none;
}
.select-popover li .free-tip {
  position: absolute;
  right: 20px;
  top: 7px;
  font-size: 12px;
  color: #fe8545;
  line-height: 14px;
  -webkit-transform: scale(0.83);
  transform: scale(0.83);
  -webkit-transform-origin: right;
  transform-origin: right;
}
.select-popover li.selected {
  color: #1a8cfe;
  background: #ebf5ff;
}
.select-popover li.disabled {
  color: #b4b6bd;
  cursor: not-allowed;
}
.select-popover .btn-confirm-rules {
  width: 40px;
  height: 24px;
  background: #1a8cfe;
  border-radius: 4px;
  padding: 0;
  position: absolute;
  right: 20px;
  bottom: 16px;
}
.select-popover .btn-confirm-rules span {
  font-size: 12px;
  -webkit-transform: scale(0.83);
  transform: scale(0.83);
  display: block;
  text-align: center;
}
.select-popover.select-dimension {
  width: 88px !important;
}
.select-popover.select-date-range {
  width: 230px !important;
}
.el-popper[x-placement^="bottom"] {
  margin-top: 5px !important;
}
.panel-module-card {
  width: 393px;
  height: 309px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 5px 0 rgba(58, 62, 81, 0.1);
  box-shadow: 0 1px 5px 0 rgba(58, 62, 81, 0.1);
  border-radius: 4px;
  float: left;
  margin: 0 10px 20px;
  padding: 20px 20px 15px;
  position: relative;
}
.panel-module-card dl {
  height: 89px;
}
.panel-module-card dl dt {
  font-size: 12px;
  color: #6d717c;
  line-height: 14px;
  -webkit-transform: scale(0.83);
  transform: scale(0.83);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  margin-bottom: 7px;
}
.panel-module-card dl dd {
  font-size: 12px;
  color: #3a3e51;
  line-height: 20px;
}
.panel-module-card dl dd .icon-dot {
  display: inline-block;
  vertical-align: middle;
  width: 5px;
  height: 5px;
  background: #b4b6bd;
  border-radius: 100%;
  margin-right: 2px;
}
.panel-module-card dl dd .icon-dot.blue {
  background-color: #1a8cfe;
}
.panel-module-card dl dd .icon-dot.red {
  background-color: #f76377;
}
.panel-module-card dl dd .count-status {
  margin-left: 5px;
}
.panel-module-card dl dd .count-status .icon {
  margin-right: 3px;
  vertical-align: middle;
  line-height: 20px;
}
.panel-module-card dl dd .count-status .rate {
  font-weight: 600;
  vertical-align: middle;
}
.panel-module-card dl dd .count-status.is-rise {
  color: #ff4b50;
}
.panel-module-card dl dd .count-status.is-fall {
  color: #3fd777;
}
.panel-module-card dl dd .count-info .num {
  font-weight: 600;
  font-size: 14px;
  margin: 0 5px;
}
.panel-module-card dl dd + dd {
  margin-top: 3px;
}
.panel-module-card .operations {
  position: absolute;
  right: 20px;
  top: 20px;
}
.panel-module-card .operations .el-button {
  padding: 0;
  font-size: 12px;
  color: #3a3e51;
}
.panel-module-card .chart-box {
  width: calc(100% - 15px);
  margin-left: 20px;
  height: 121px;
  background: #fafbff;
  margin-top: 10px;
}
.panel-module-card .chart-box .chart {
  width: calc(100% + 25px);
  height: 140px;
  margin-left: -25px;
}
.panel-module-card .detail {
  font-size: 0;
  position: absolute;
  left: 20px;
  bottom: 15px;
}
.panel-module-card .detail .icon {
  width: 30px;
  vertical-align: middle;
}
.panel-module-card .detail .info {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #3a3e51;
  line-height: 30px;
  vertical-align: middle;
  margin-left: 10px;
}
.panel-module-card.big-card {
  width: 806px;
  height: 638px;
  padding: 30px;
}
.panel-module-card.big-card dl {
  height: 180px;
}
.panel-module-card.big-card dl dt {
  font-size: 14px;
  -webkit-transform: none;
  transform: none;
  margin-bottom: 21px;
}
.panel-module-card.big-card dl dd {
  font-size: 20px;
}
.panel-module-card.big-card dl dd .num {
  font-size: 28px;
}
.panel-module-card.big-card dl dd + dd {
  margin-top: 22px;
}
.panel-module-card.big-card .operations {
  right: 30px;
  top: 30px;
}
.panel-module-card.big-card .operations .el-button {
  font-size: 14px;
}
.panel-module-card.big-card .detail {
  left: 30px;
  bottom: 30px;
}
.panel-module-card.big-card .detail .icon {
  width: 40px;
}
.panel-module-card.big-card .detail .info {
  font-size: 20px;
  line-height: 40px;
  margin-left: 20px;
}
.panel-module-card.big-card .chart-box {
  height: 308px;
}
.panel-module-card.big-card .chart-box .chart {
  height: 328px;
}
.panel-module-card.big-card.count-info-list-2 dl {
  height: 130px;
}
.panel-module-card.big-card.count-info-list-2 .chart-box {
  height: 358px;
}
.panel-module-card.big-card.count-info-list-2 .chart-box .chart {
  height: 378px;
}
.panel-module-card.big-card.count-info-list-1 dl {
  height: 80px;
}
.panel-module-card.big-card.count-info-list-1 .chart-box {
  height: 408px;
}
.panel-module-card.big-card.count-info-list-1 .chart-box .chart {
  height: 428px;
}
.download-pdf[data-v-03ff4b65] {
  width: 1440px;
  min-height: 100%;
  position: fixed;
  background: #f1f3f8;
  color: #fff;
  text-align: center;
  left: 0;
  top: 110px;
  z-index: -999;
}
.download-pdf .scroll-container[data-v-03ff4b65] {
  padding: 0 110px;
}
.download-pdf .scroll-container .count[data-v-03ff4b65] {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.download-pdf .pdf-info[data-v-03ff4b65] {
  width: 100%;
  height: 350px;
  text-align: center;
  float: left;
  overflow: hidden;
  position: relative;
}
.download-pdf .pdf-info img[data-v-03ff4b65] {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.download-pdf .pdf-info .company[data-v-03ff4b65] {
  height: 53px;
  font-size: 38px;
  font-weight: 500;
  color: #fff;
  line-height: 53px;
  margin-top: 100px;
  margin-bottom: 20px;
}
.download-pdf .pdf-info .date[data-v-03ff4b65] {
  width: 530px;
  line-height: 25px;
  text-align: center;
  padding: 6px 0 9px;
  border-radius: 21px;
  background-color: #2659f5;
  margin: 0 auto;
}
.download-pdf .scroll-container[data-v-03ff4b65] {
  position: relative;
  top: -60px;
}
.download-pdf .scroll-container .panel-container[data-v-03ff4b65] {
  margin-top: 20px;
}
.panel-card[data-v-6d25f5c8] {
  width: 393px;
  height: 309px;
  background: #fff;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-radius: 4px;
  float: left;
  margin: 0 10px 20px;
  padding: 20px 20px 15px;
  position: relative;
  text-align: left;
}
.panel-card dl[data-v-6d25f5c8] {
  height: 89px;
}
.panel-card dl dt[data-v-6d25f5c8] {
  font-size: 12px;
  color: #6d717c;
  line-height: 14px;
  -webkit-transform: scale(0.83);
  transform: scale(0.83);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  margin-bottom: 7px;
}
.panel-card dl dd[data-v-6d25f5c8] {
  font-size: 12px;
  color: #3a3e51;
  line-height: 20px;
}
.panel-card dl dd .icon-dot[data-v-6d25f5c8] {
  display: inline-block;
  vertical-align: middle;
  width: 5px;
  height: 5px;
  background: #b4b6bd;
  border-radius: 100%;
  margin-right: 2px;
}
.panel-card dl dd .icon-dot.blue[data-v-6d25f5c8] {
  background-color: #1a8cfe;
}
.panel-card dl dd .icon-dot.red[data-v-6d25f5c8] {
  background-color: #f76377;
}
.panel-card dl dd .count-status[data-v-6d25f5c8] {
  margin-left: 5px;
}
.panel-card dl dd .count-status .icon[data-v-6d25f5c8] {
  margin-right: 3px;
  vertical-align: middle;
  line-height: 20px;
}
.panel-card dl dd .count-status .rate[data-v-6d25f5c8] {
  font-weight: 600;
  vertical-align: middle;
}
.panel-card dl dd .count-status.is-rise[data-v-6d25f5c8] {
  color: #ff4b50;
}
.panel-card dl dd .count-status.is-fall[data-v-6d25f5c8] {
  color: #3fd777;
}
.panel-card dl dd .count-info .num[data-v-6d25f5c8] {
  font-weight: 600;
  font-size: 14px;
  margin: 0 5px;
}
.panel-card dl dd + dd[data-v-6d25f5c8] {
  margin-top: 3px;
}
.panel-card .chart-box[data-v-6d25f5c8] {
  height: 121px;
  background: #fafbff;
  margin-top: 10px;
}
.panel-card .chart-box .chart[data-v-6d25f5c8] {
  height: 140px;
  width: 100%;
}
.panel-card .detail[data-v-6d25f5c8] {
  font-size: 0;
  position: absolute;
  left: 20px;
  bottom: 15px;
}
.panel-card .detail .icon[data-v-6d25f5c8] {
  width: 30px;
  vertical-align: middle;
}
.panel-card .detail .info[data-v-6d25f5c8] {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #3a3e51;
  line-height: 30px;
  vertical-align: middle;
  margin-left: 10px;
}
.panel-card.big-card[data-v-6d25f5c8] {
  width: 806px;
  height: 638px;
  padding: 30px;
}
.panel-card.big-card dl[data-v-6d25f5c8] {
  height: 180px;
}
.panel-card.big-card dl dt[data-v-6d25f5c8] {
  font-size: 14px;
  -webkit-transform: none;
  transform: none;
  margin-bottom: 21px;
}
.panel-card.big-card dl dd[data-v-6d25f5c8] {
  font-size: 20px;
}
.panel-card.big-card dl dd .num[data-v-6d25f5c8] {
  font-size: 28px;
}
.panel-card.big-card dl dd + dd[data-v-6d25f5c8] {
  margin-top: 22px;
}
.panel-card.big-card .operations[data-v-6d25f5c8] {
  right: 30px;
  top: 30px;
}
.panel-card.big-card .operations .el-button[data-v-6d25f5c8] {
  font-size: 14px;
}
.panel-card.big-card .detail[data-v-6d25f5c8] {
  left: 30px;
  bottom: 30px;
}
.panel-card.big-card .detail .icon[data-v-6d25f5c8] {
  width: 40px;
}
.panel-card.big-card .detail .info[data-v-6d25f5c8] {
  font-size: 20px;
  line-height: 40px;
  margin-left: 20px;
}
.panel-card.big-card .chart-box[data-v-6d25f5c8] {
  height: 308px;
}
.panel-card.big-card .chart-box .chart[data-v-6d25f5c8] {
  height: 328px;
}
.panel-card.big-card.count-info-list-2 dl[data-v-6d25f5c8] {
  height: 130px;
}
.panel-card.big-card.count-info-list-2 .chart-box[data-v-6d25f5c8] {
  height: 358px;
}
.panel-card.big-card.count-info-list-2 .chart-box .chart[data-v-6d25f5c8] {
  height: 378px;
}
.panel-card.big-card.count-info-list-1 dl[data-v-6d25f5c8] {
  height: 80px;
}
.panel-card.big-card.count-info-list-1 .chart-box[data-v-6d25f5c8] {
  height: 408px;
}
.panel-card.big-card.count-info-list-1 .chart-box .chart[data-v-6d25f5c8] {
  height: 428px;
}
.main-index {
  min-width: 1280px;
}
.main-index .case-new-entrance {
  position: fixed;
  z-index: 2;
  top: 200px;
  right: 0;
  width: 100px;
  height: 102px;
  cursor: pointer;
}
.main-index .case-new-entrance img {
  width: 100%;
  height: 100%;
}
.main-index .el-alert--warning {
  padding: 9px 16px;
  background: #fef2ec;
  border: 1px solid #fedbca;
  font-size: 14px;
  color: #fe8545;
  border-radius: 0;
}
.main-index .el-alert--warning .el-alert__title {
  font-size: 14px;
}
.main-index .el-alert--warning .el-alert__title a {
  text-decoration: underline;
  margin: 0 5px;
}
.main-index .main-index-content {
  width: 1280px;
  padding: 20px 30px 30px;
}
.main-index .main-index-content .panels {
  width: 100%;
  height: 370px;
}
.main-index .main-index-content .panels .index-panel {
  height: 100%;
  background: #fff;
  float: left;
}
.main-index .main-index-content .panels .index-panel .panel-title {
  font-size: 16px;
  font-weight: 500;
  color: #27274a;
  line-height: 22px;
  padding: 20px 20px 18px;
}
.main-index .main-index-content .panels .index-panel .panel-title a {
  float: right;
  font-size: 12px;
  font-weight: 400;
}
.main-index .main-index-content .panels .index-panel.shortcut {
  width: 300px;
}
.main-index .main-index-content .panels .index-panel.shortcut .placeholder {
  display: none;
  text-align: center;
  padding: 90px 20px 20px;
}
.main-index .main-index-content .panels .index-panel.shortcut .placeholder img {
  width: 200px;
  margin-bottom: 20px;
}
.main-index
  .main-index-content
  .panels
  .index-panel.shortcut
  .placeholder
  .desc {
  color: #9090a4;
}
.main-index
  .main-index-content
  .panels
  .index-panel.shortcut
  .el-carousel
  .el-carousel__arrow {
  width: 20px;
  height: 40px;
  background: #f1f3f8;
  color: #656577;
  font-weight: 500;
  z-index: 3;
}
.main-index
  .main-index-content
  .panels
  .index-panel.shortcut
  .el-carousel
  .el-carousel__arrow.el-carousel__arrow--right {
  right: 0;
  border-radius: 40px 0 0 40px;
  text-align: right;
  padding-right: 2px;
}
.main-index
  .main-index-content
  .panels
  .index-panel.shortcut
  .el-carousel
  .el-carousel__arrow.el-carousel__arrow--left {
  left: 0;
  border-radius: 0 40px 40px 0;
  text-align: left;
  padding-left: 2px;
}
.main-index
  .main-index-content
  .panels
  .index-panel.shortcut
  .el-carousel
  .el-carousel__indicators
  .el-carousel__indicator {
  padding: 10px 2.5px 0;
}
.main-index
  .main-index-content
  .panels
  .index-panel.shortcut
  .el-carousel
  .el-carousel__indicators
  .el-carousel__indicator
  .el-carousel__button {
  width: 12px;
  height: 4px;
  background: #dcdfe6;
  border-radius: 3px;
  opacity: 1;
}
.main-index
  .main-index-content
  .panels
  .index-panel.shortcut
  .el-carousel
  .el-carousel__indicators
  .el-carousel__indicator.is-active
  button {
  background: #1a8cfe;
}
.main-index .main-index-content .panels .index-panel.shortcut .operation-card {
  padding: 0 10px 25px;
  margin-left: 5px;
  margin-top: -5px;
}
.main-index
  .main-index-content
  .panels
  .index-panel.shortcut
  .operation-card
  .item {
  width: 125px;
  height: 85px;
  background: #f7f8fa;
  float: left;
  text-align: center;
  margin: 5px;
  border-radius: 4px;
  position: relative;
}
.main-index
  .main-index-content
  .panels
  .index-panel.shortcut
  .operation-card
  .item
  a {
  display: block;
  height: 100%;
  width: 100%;
  padding-top: 12px;
}
.main-index
  .main-index-content
  .panels
  .index-panel.shortcut
  .operation-card
  .item
  .icon {
  width: 40px;
  margin-bottom: 6px;
}
.main-index
  .main-index-content
  .panels
  .index-panel.shortcut
  .operation-card
  .item
  .info
  .intro {
  display: none;
  margin-top: 3px;
  font-size: 11px;
}
.main-index
  .main-index-content
  .panels
  .index-panel.shortcut
  .operation-card
  .item.item-fix {
  width: 260px;
  background: none;
  background-image: url(https://s6.kaoshixing.com/static/vue/images/index/bg-shortcut.png?v=533a03b014);
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-shadow: #0277ff 0 1px 5px 0;
  box-shadow: 0 1px 5px 0 #0277ff;
}
.main-index
  .main-index-content
  .panels
  .index-panel.shortcut
  .operation-card
  .item.item-fix:before {
  position: absolute;
  right: -4px;
  top: 19px;
  content: "";
  display: block;
  width: 38px;
  height: 13px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(https://s6.kaoshixing.com/static/vue/images/index/shortcut-new.png?v=1ca1cf95fa);
}
.main-index
  .main-index-content
  .panels
  .index-panel.shortcut
  .operation-card
  .item.item-fix
  a {
  position: relative;
  padding: 15px 20px 15px 70px;
  text-align: left;
}
.main-index
  .main-index-content
  .panels
  .index-panel.shortcut
  .operation-card
  .item.item-fix
  .icon {
  position: absolute;
  top: 23px;
  left: 20px;
}
.main-index
  .main-index-content
  .panels
  .index-panel.shortcut
  .operation-card
  .item.item-fix
  .info {
  color: #fff;
}
.main-index
  .main-index-content
  .panels
  .index-panel.shortcut
  .operation-card
  .item.item-fix
  .info
  .intro {
  display: block;
}
.main-index .main-index-content .panels .index-panel.shortcut.has-not-notice {
  width: 600px;
}
.main-index .main-index-content .panels .index-panel.shortcut.has-not-panels {
  width: 920px;
}
.main-index
  .main-index-content
  .panels
  .index-panel.shortcut.has-not-notice
  .operation-card
  .item,
.main-index
  .main-index-content
  .panels
  .index-panel.shortcut.has-not-panels
  .operation-card
  .item {
  width: 275px;
  height: 102px;
}
.main-index
  .main-index-content
  .panels
  .index-panel.shortcut.has-not-notice
  .operation-card
  .item
  a,
.main-index
  .main-index-content
  .panels
  .index-panel.shortcut.has-not-panels
  .operation-card
  .item
  a {
  position: relative;
  padding: 20px 20px 20px 80px;
  text-align: left;
}
.main-index
  .main-index-content
  .panels
  .index-panel.shortcut.has-not-notice
  .operation-card
  .item
  .icon,
.main-index
  .main-index-content
  .panels
  .index-panel.shortcut.has-not-panels
  .operation-card
  .item
  .icon {
  width: 50px;
  position: absolute;
  top: 23px;
  left: 20px;
}
.main-index
  .main-index-content
  .panels
  .index-panel.shortcut.has-not-notice
  .operation-card
  .item
  .info
  .name,
.main-index
  .main-index-content
  .panels
  .index-panel.shortcut.has-not-panels
  .operation-card
  .item
  .info
  .name {
  font-size: 16px;
}
.main-index
  .main-index-content
  .panels
  .index-panel.shortcut.has-not-notice
  .operation-card
  .item
  .info
  .intro,
.main-index
  .main-index-content
  .panels
  .index-panel.shortcut.has-not-panels
  .operation-card
  .item
  .info
  .intro {
  display: block;
  margin-top: 6px;
}
.main-index
  .main-index-content
  .panels
  .index-panel.shortcut.has-not-notice
  .operation-card
  .item.item-fix,
.main-index
  .main-index-content
  .panels
  .index-panel.shortcut.has-not-panels
  .operation-card
  .item.item-fix {
  background-image: url(https://s6.kaoshixing.com/static/vue/images/index/bg-shortcut-l.png?v=a54b16dac4);
}
.main-index
  .main-index-content
  .panels
  .index-panel.shortcut.has-not-notice.has-not-panels {
  width: 100%;
}
.main-index
  .main-index-content
  .panels
  .index-panel.shortcut.empty
  .el-carousel,
.main-index
  .main-index-content
  .panels
  .index-panel.shortcut.empty
  .panel-title {
  display: none;
}
.main-index
  .main-index-content
  .panels
  .index-panel.shortcut.empty
  .placeholder {
  display: block;
}
.main-index .main-index-content .panels .index-panel.statistics {
  width: 600px;
}
.main-index .main-index-content .panels .index-panel.statistics .panel-content {
  padding: 0 20px 20px;
  height: 310px;
}
.main-index
  .main-index-content
  .panels
  .index-panel.statistics
  .panel-content
  .chart-container,
.main-index
  .main-index-content
  .panels
  .index-panel.statistics
  .panel-content
  .count-info {
  float: left;
}
.main-index
  .main-index-content
  .panels
  .index-panel.statistics
  .panel-content
  .chart-container {
  width: 400px;
  height: 100%;
}
.main-index
  .main-index-content
  .panels
  .index-panel.statistics
  .panel-content
  .count-info {
  margin-left: 10px;
}
.main-index
  .main-index-content
  .panels
  .index-panel.statistics
  .panel-content
  .count-info
  li {
  width: 150px;
  height: 90px;
  background: #f7f8fa;
  padding-top: 18px;
  text-align: center;
}
.main-index
  .main-index-content
  .panels
  .index-panel.statistics
  .panel-content
  .count-info
  li
  + li {
  margin-top: 10px;
}
.main-index
  .main-index-content
  .panels
  .index-panel.statistics
  .panel-content
  .count-info
  li
  span {
  display: block;
}
.main-index
  .main-index-content
  .panels
  .index-panel.statistics
  .panel-content
  .count-info
  li
  .label {
  font-size: 12px;
  font-weight: 400;
  color: #6d717c;
  line-height: 18px;
}
.main-index
  .main-index-content
  .panels
  .index-panel.statistics
  .panel-content
  .count-info
  li
  .value {
  font-size: 20px;
  font-weight: 600;
  color: #3a3e51;
  line-height: 28px;
  margin-top: 8px;
}
.main-index .main-index-content .panels .index-panel.login-notice {
  width: 280px;
}
.main-index .main-index-content .panels .index-panel + .index-panel {
  margin-left: 20px;
}
.main-index .main-index-content .in-progress-intro {
  position: absolute;
  left: 30px;
  top: 443px;
  width: 1220px;
  height: calc(100% - 455px);
}
.main-index .main-index-content .in-progress {
  width: 1220px;
  padding: 30px;
  margin-top: 20px;
  background: #fff;
}
.main-index .main-index-content .in-progress .title {
  font-size: 20px;
  color: #27274a;
  line-height: 28px;
  margin-bottom: 20px;
}
.main-index .main-index-content .in-progress .panel {
  position: relative;
}
.main-index .main-index-content .in-progress .control-collapse {
  font-size: 12px;
  color: #3a3e51;
  position: absolute;
  right: 0;
  top: -37px;
  cursor: pointer;
}
.main-index .main-index-content .in-progress .control-collapse i {
  margin-left: 5px;
}
.main-index .main-index-content .in-progress .card-box {
  position: relative;
  width: calc(100% + 20px);
  left: -20px;
}
.main-index .main-index-content .in-progress .card-box.collapse .card {
  display: none;
}
.main-index
  .main-index-content
  .in-progress
  .card-box.collapse
  .card:first-child,
.main-index
  .main-index-content
  .in-progress
  .card-box.collapse
  .card:nth-child(2),
.main-index
  .main-index-content
  .in-progress
  .card-box.collapse
  .card:nth-child(3) {
  display: block;
}
.main-index .main-index-content .in-progress .card-box .card {
  margin-bottom: 27px;
  margin-left: 20px;
  float: left;
  position: relative;
  top: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-box-shadow: 0 2px 20px 0 rgba(39, 39, 74, 0.05);
  box-shadow: 0 2px 20px 0 rgba(39, 39, 74, 0.05);
}
.main-index .main-index-content .in-progress .card-box .card:hover {
  -webkit-box-shadow: 0 2px 20px 0 rgba(39, 39, 74, 0.1);
  box-shadow: 0 2px 20px 0 rgba(39, 39, 74, 0.1);
  top: -5px;
}
.main-index .main-index-content .in-progress .empty-tip {
  padding: 10px 0 20px;
  color: #b4b6bd;
  text-align: center;
}
.staff-dialog-log {
  margin-top: 100px;
}
.staff-dialog-log .el-dialog__body,
.staff-dialog-log .el-dialog__header {
  padding: 0;
}
.staff-dialog-log .el-dialog__headerbtn .el-dialog__close {
  color: #fff;
}
.staff-dialog-log .staffDialogButton {
  width: 114px;
  height: 40px;
  background: #fff;
  -webkit-box-shadow: 0 2px 6px 0 rgba(58, 62, 81, 0.1);
  box-shadow: 0 2px 6px 0 rgba(58, 62, 81, 0.1);
  border-radius: 20px;
  border-color: #fff;
  position: absolute;
  bottom: 32px;
  left: 35%;
  font-size: 14px;
  color: #3776ff;
}
.el-dropdown-menu {
  width: 122px;
  padding: 6px 0;
  margin-left: 10px;
}
.el-dropdown-menu .el-dropdown-menu__item {
  line-height: 29px;
  padding: 0 0 0 15px;
  font-size: 12px;
  color: #3a3e51;
}
.el-dropdown-menu .el-dropdown-menu__item .icon {
  margin-right: 8px;
}
.el-dropdown-menu .el-dropdown-menu__item:focus,
.el-dropdown-menu .el-dropdown-menu__item:hover {
  background: #f1f3f8;
  color: #3a3e51;
}
.big-chart .chart-tooltip-item {
  font-size: 12px;
}
.big-chart .chart-tooltip-item .chart-tooltip-item-num {
  font-size: 16px;
}
.theme-default .linkImgDownLoad .title,
.theme-default .share-link-dialog .share-title-box {
  background-color: #1a8cfe !important;
}
.theme-red .linkImgDownLoad .title,
.theme-red .share-link-dialog .share-title-box {
  background-color: #d43c33 !important;
}
.theme-green .linkImgDownLoad .title,
.theme-green .share-link-dialog .share-title-box {
  background-color: #4da635 !important;
}
.theme-yellow .linkImgDownLoad .title,
.theme-yellow .share-link-dialog .share-title-box {
  background-color: #f9c318 !important;
}
.el-button [class*=" icon-"],
.el-button [class^="icon-"] {
  display: inline-block;
  vertical-align: bottom;
}
.el-button.el-button--small [class*=" icon-"],
.el-button.el-button--small [class^="icon-"] {
  font-size: 14px;
}
.el-button [class*="icon-"] + span {
  margin-left: 5px;
}
.el-button--primary.is-plain {
  background-color: #fff;
  border-color: initial;
}
.el-button--primary.is-plain:focus,
.el-button--primary.is-plain:hover {
  background-color: #1a8dff;
}
.el-button--primary.light {
  background: #e8f4ff;
  border-color: #a3d1ff;
  color: #1a8cfe;
}
.el-button--primary.light:active,
.el-button--primary.light:focus,
.el-button--primary.light:hover {
  background: #1a8dff;
  border-color: #1a8dff;
  color: #fff;
}
.el-button,
.el-checkbox,
.el-radio {
  font-weight: inherit;
}
.el-button + .el-dropdown,
.el-dropdown + .el-button {
  margin-left: 10px;
}
.el-dialog__wrapper.fixed {
  bottom: 15vh;
  top: 15vh;
}
.el-dialog__wrapper.fixed .el-dialog {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  max-height: 100%;
  overflow: hidden;
  height: 100%;
  padding-top: 54px;
  padding-bottom: 70px;
}
.el-dialog__wrapper.fixed .el-dialog .el-dialog__footer,
.el-dialog__wrapper.fixed .el-dialog .el-dialog__header {
  position: absolute;
  width: 100%;
}
.el-dialog__wrapper.fixed .el-dialog .el-dialog__header {
  top: 0;
}
.el-dialog__wrapper.fixed .el-dialog .el-dialog__footer {
  bottom: 0;
}
.el-dialog__wrapper.fixed .el-dialog .el-dialog__body {
  height: 100%;
  max-height: 100%;
  overflow: auto;
}
.el-dialog__wrapper.fixed .add_pay_dialog.el-dialog,
.el-dialog__wrapper.fixed .add_redpack_dialog.el-dialog {
  height: auto !important;
}
.el-dialog__wrapper.fixed .add_pay_dialog.el-dialog .el-form-item__content,
.el-dialog__wrapper.fixed .add_redpack_dialog.el-dialog .el-form-item__content {
  line-height: 28px;
  margin-left: 90px;
  position: relative;
}
.el-dialog__wrapper.fixed .add_pay_dialog.el-dialog .el-form-item__label,
.el-dialog__wrapper.fixed .add_redpack_dialog.el-dialog .el-form-item__label {
  width: 90px;
  line-height: 28px;
}
.el-dialog__wrapper.fixed .add_pay_dialog.el-dialog .el-input__inner,
.el-dialog__wrapper.fixed .add_redpack_dialog.el-dialog .el-input__inner {
  height: 28px;
  line-height: 28px;
}
.el-dialog__wrapper.fixed
  .add_pay_dialog.el-dialog
  .el-form-item
  .el-form-item__label,
.el-dialog__wrapper.fixed
  .add_pay_dialog.el-dialog
  .el-form-item
  .el-input__inner,
.el-dialog__wrapper.fixed
  .add_redpack_dialog.el-dialog
  .el-form-item
  .el-form-item__label,
.el-dialog__wrapper.fixed
  .add_redpack_dialog.el-dialog
  .el-form-item
  .el-input__inner {
  color: #3a3e51;
}
.el-dialog__wrapper.fixed .pay-time .el-input__icon {
  line-height: normal !important;
}
.el-dialog__wrapper.fixed .pay-time .el-input__inner {
  padding-right: 0;
  font-size: 12px;
  line-height: 29px;
}
.el-dialog__wrapper.fixed .pay-time .el-icon-circle-close {
  position: absolute;
  left: -20px;
}
.el-dialog__header {
  padding-top: 30px;
}
.el-dialog__header .el-dialog__title {
  font-size: 20px;
  line-height: 28px;
}
body,
html {
  height: 100%;
}
.viewFrameWork.admin {
  overflow: hidden;
}
.viewFrameWork.admin > section {
  height: calc(100% - 70px);
}
.viewFrameWork.admin.has-browser-hint > section {
  height: calc(100% - 110px);
}
.viewFrameWork.admin .viewFrameWork-body {
  overflow: auto;
  height: 100%;
}
.viewFrameWork.admin .viewFrameWork-body > .body-wrapper {
  padding: 0;
  background-color: #f5f7fa;
}
.viewFrameWork.admin .viewFrameWork-body > .body-wrapper .body-content {
  padding: 0;
  height: 100%;
  position: relative;
}
.viewFrameWork.exam .viewFrameWork-main {
  background: #f5f7fa;
  height: calc(100% - 70px);
}
.viewFrameWork.exam .viewFrameWork-body {
  padding: 0;
}
.viewFrameWork.exam .viewFrameWork-sidebar.full,
.viewFrameWork.exam .viewFrameWork-sidebar.full .fixed-bottom {
  z-index: 400;
}
.viewFrameWork {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
}
.viewFrameWork.public .viewFrameWork-main {
  background: #f7f8fa;
  padding-top: 80px;
}
.viewFrameWork.public .viewFrameWork-main .info-area {
  width: 600px;
  margin: auto;
  text-align: center;
}
.viewFrameWork.public .viewFrameWork-main .info-area .status-img img {
  width: 100%;
}
.viewFrameWork.public .viewFrameWork-main .info-area .desc {
  font-size: 16px;
  color: #6d717c;
  margin-bottom: 50px;
}
.viewFrameWork.public
  .viewFrameWork-main
  .info-area
  .jump
  .el-button
  + .el-button {
  position: relative;
}
.viewFrameWork.public
  .viewFrameWork-main
  .info-area
  .jump
  .el-button
  + .el-button:before {
  content: "";
  display: inline-block;
  border-left: 1px solid #d8d8d8;
  height: 14px;
  position: absolute;
  left: -8px;
}
@media (max-width: 768px) {
  .viewFrameWork.public .viewFrameWork-main .info-area {
    width: 100%;
  }
  .viewFrameWork.public .viewFrameWork-main .info-area .status-img {
    margin-bottom: 20px;
  }
  .viewFrameWork.public .viewFrameWork-main .info-area .desc {
    font-size: 18px;
    color: #6d717c;
  }
  .viewFrameWork.public
    .viewFrameWork-main
    .info-area
    .jump
    .el-button
    + .el-button:before {
    content: "";
    display: none;
  }
}
.viewFrameWork-header {
  /* background: url('../imgs/headBj(2).jpg' ) !important; */
  /* background-image: '../imgs/A.png'; */
  /* background-color: #1269ff; */
  -webkit-box-shadow: 0 1px 4px 0 rgba(58, 62, 81, 0.2);
  box-shadow: 0 1px 4px 0 rgba(58, 62, 81, 0.2);
  padding: 0;
  position: relative;
  z-index: 999;
}
.header-popover {
  padding: 0;
}
.admin .browserHint {
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  background-color: #fed6d7;
  color: #fb1e2c;
  padding: 10px 0;
}
.admin .browserHint .downloadGoogle {
  color: #1f63db;
}
.admin .viewFrameWork-header .header {
  padding-right: 330px;
  padding-left: 160px;
  line-height: 70px;
}
.admin .viewFrameWork-header .header.not-show-entrance {
  padding-right: 190px;
}
.admin .viewFrameWork-header .header .header-left {
  height: 70px;
  width: 160px;
  line-height: 70px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
}
.admin .viewFrameWork-header .header .header-left .item-logo {
  max-height: 90%;
  max-width: 80%;
}
.admin .viewFrameWork-header .header .header-middle {
  width: 100%;
  padding: 0 20px 0 30px;
}
.admin
  .viewFrameWork-header
  .header
  .header-middle
  .body-toolbar
  .toolbar-left
  .title {
  font-size: 20px;
  color: #1a8dff;
}
.admin
  .viewFrameWork-header
  .header
  .header-middle
  .body-toolbar
  .toolbar-left
  > .el-dropdown {
  line-height: 1;
}
.admin .viewFrameWork-header .header .header-right {
  height: 100%;
  line-height: 70px;
  position: absolute;
  top: 0;
  right: 0;
  display: table;
}
.admin .viewFrameWork-header .header .header-right .header-right-item {
  display: inline-block;
  position: static;
}
.admin .viewFrameWork-header .header .header-right .header-group {
  display: inline-table;
  line-height: normal;
}
.admin .viewFrameWork-header .header .header-right .header-group:last-child {
  margin-right: 10px;
}
.admin
  .viewFrameWork-header
  .header
  .header-right
  .header-group:not(:last-child):after {
  border-right: 1px solid #dcdfe6;
}
.admin .viewFrameWork-header .header .header-right .header-group:after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 16px;
  vertical-align: middle;
}
.admin .viewFrameWork-header .header .header-right .header-group-item {
  display: inline-block;
  margin-left: 20px;
  border-radius: 2px;
  font-size: 20px;
  color: #3a3e51;
  vertical-align: middle;
  cursor: pointer;
}
.admin
  .viewFrameWork-header
  .header
  .header-right
  .header-group-item:first-child {
  margin-left: 15px;
}
.admin .viewFrameWork-header .header .header-right .header-group-item a {
  color: inherit;
}
.admin
  .viewFrameWork-header
  .header
  .header-right
  .header-group-item
  .item-icon {
  line-height: inherit;
}
.admin
  .viewFrameWork-header
  .header
  .header-right
  .header-group-item.item-notification {
  padding: 4px;
  font-size: 18px;
  line-height: 1;
  position: relative;
}
.admin
  .viewFrameWork-header
  .header
  .header-right
  .header-group-item.item-notification:hover {
  background: #f1f3f8;
}
.admin
  .viewFrameWork-header
  .header
  .header-right
  .header-group-item.item-user {
  line-height: 1;
  padding-left: 5px;
}
.admin
  .viewFrameWork-header
  .header
  .header-right
  .header-group-item.item-user:hover
  .icon-a_arrow_down {
  background: #f1f3f8;
}
.admin
  .viewFrameWork-header
  .header
  .header-right
  .header-group-item.item-user
  .icon-a_arrow_down {
  font-size: 12px;
  border-radius: 2px;
  vertical-align: middle;
  display: inline-block;
  padding: 5px;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
}
.admin
  .viewFrameWork-header
  .header
  .header-right
  .header-group-item.help-service {
  padding: 4px;
  font-size: 18px;
  line-height: 1;
}
.admin
  .viewFrameWork-header
  .header
  .header-right
  .header-group-item.help-service:hover {
  background: #f1f3f8;
}
.admin
  .viewFrameWork-header
  .header
  .header-right
  .header-group-item.go-student-client {
  font-size: 12px;
  line-height: 17px;
  padding: 5px;
}
.admin
  .viewFrameWork-header
  .header
  .header-right
  .header-group-item.go-student-client:hover {
  background: #f1f3f8;
}
.admin
  .viewFrameWork-header
  .header
  .header-right
  .header-group-item.go-student-client
  .icon {
  font-size: 16px;
  vertical-align: text-bottom;
  margin-left: 8px;
}
.admin
  .viewFrameWork-header
  .header
  .header-right
  .header-group-item.item-notification
  .message-count {
  position: absolute;
  background: #fe8545;
  font-size: 12px;
  border-radius: 100px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  top: -5px;
  left: 10px;
  display: inline-block;
  width: 20px;
  height: 20px;
  transform: scale(0.67);
  -webkit-transform: scale(0.67);
  -moz-transform: scale(0.67);
  -o-transform: scale(0.67);
  -ms-transform: scale(0.67);
}
.admin
  .viewFrameWork-header
  .header
  .header-right
  .header-group-item.item-user
  .el-popover__reference {
  display: table;
}
.admin
  .viewFrameWork-header
  .header
  .header-right
  .header-group-item.item-user
  .user-picture {
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  overflow: hidden;
  vertical-align: middle;
  text-align: center;
  line-height: 1;
  position: relative;
}
.admin
  .viewFrameWork-header
  .header
  .header-right
  .header-group-item.item-user
  .user-picture
  img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.admin
  .viewFrameWork-header
  .header
  .header-right
  .header-group-item.item-user
  .item-icon {
  vertical-align: middle;
  font-size: 12px;
  transform: scale(0.67);
  -webkit-transform: scale(0.67);
  -moz-transform: scale(0.67);
  -o-transform: scale(0.67);
  -ms-transform: scale(0.67);
}
.admin
  .viewFrameWork-header
  .header
  .header-right
  .header-group-item.item-user:hover
  .item-wrap {
  display: block;
}
.exam .viewFrameWork-header .header {
  height: 100%;
  padding-right: 440px;
  padding-left: 160px;
}
.exam .viewFrameWork-header .header .header-left {
  height: 70px;
  width: 160px;
  line-height: 70px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
}
.exam .viewFrameWork-header .header .header-left .item-logo {
  max-height: 90%;
  max-width: 80%;
}
.exam .viewFrameWork-header .header .header-middle {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.exam .viewFrameWork-header .header .header-middle .company-title {
  font-size: 24px;
  line-height: 70px;
  padding-left: 30px;
  font-weight: 500;
  color: #27274a;
}
.exam .viewFrameWork-header .header .header-right {
  display: table;
  height: 100%;
  line-height: 70px;
  position: absolute;
  top: 0;
  right: 0;
}
.exam .viewFrameWork-header .header .header-right .item-logout,
.exam .viewFrameWork-header .header .header-right .item-user {
  display: inline-block;
  margin-right: 20px;
}
.exam .viewFrameWork-header .header .header-right .header-group {
  display: inline-table;
  line-height: normal;
}
.exam .viewFrameWork-header .header .header-right .header-group:last-child {
  margin-right: 10px;
}
.exam
  .viewFrameWork-header
  .header
  .header-right
  .header-group:not(:last-child):after {
  border-right: 1px solid #dcdfe6;
}
.exam .viewFrameWork-header .header .header-right .header-group:after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 16px;
  vertical-align: middle;
}
.exam .viewFrameWork-header .header .header-right .header-group-item {
  margin-left: 15px;
  display: inline-block;
  border-radius: 2px;
  font-size: 14px;
  color: #3a3e51;
  position: relative;
  vertical-align: middle;
}
.exam
  .viewFrameWork-header
  .header
  .header-right
  .header-group-item
  .icon-a_personal_exit {
  margin-right: 8px;
  font-size: 16px;
}
.exam .viewFrameWork-header .header .header-right .header-group-item.item-mine {
  cursor: pointer;
}
.exam
  .viewFrameWork-header
  .header
  .header-right
  .header-group-item.item-mine:hover
  .icon-a_arrow_down {
  background: #f1f3f8;
}
.exam
  .viewFrameWork-header
  .header
  .header-right
  .header-group-item.item-mine
  .user-avatar {
  position: relative;
}
.exam
  .viewFrameWork-header
  .header
  .header-right
  .header-group-item.item-mine
  .icon-a_arrow_down {
  font-size: 12px;
  border-radius: 2px;
  vertical-align: middle;
  display: inline-block;
  padding: 5px;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
}
.exam
  .viewFrameWork-header
  .header
  .header-right
  .header-group-item.item-mine
  .item-icon {
  font-size: 20px;
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #b4b6bd;
  overflow: hidden;
  line-height: 25px;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
}
.exam
  .viewFrameWork-header
  .header
  .header-right
  .header-group-item.item-mine
  .item-icon
  .item-img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.exam
  .viewFrameWork-header
  .header
  .header-right
  .header-group-item.item-notification {
  margin: 0;
}
.exam
  .viewFrameWork-header
  .header
  .header-right
  .header-group-item.item-notification
  .icon {
  font-size: 20px;
}
.exam
  .viewFrameWork-header
  .header
  .header-right
  .header-group-item.go-admin-client {
  font-size: 12px;
  line-height: 17px;
  color: #3a3e51;
  padding: 5px;
  cursor: pointer;
}
.exam
  .viewFrameWork-header
  .header
  .header-right
  .header-group-item.go-admin-client:hover {
  background: #f1f3f8;
}
.exam
  .viewFrameWork-header
  .header
  .header-right
  .header-group-item.go-admin-client
  .icon {
  font-size: 16px;
  vertical-align: middle;
  margin-left: 8px;
}
.exam .viewFrameWork-header .header.simple {
  padding-left: 220px;
  padding-right: 400px;
}
.exam .viewFrameWork-header .header.simple .header-left {
  width: 211px;
  text-align: right;
}
.exam .viewFrameWork-header .header.simple .header-left .item-logo {
  max-height: 54.3%;
}
.exam .viewFrameWork-header .header.simple .header-right {
  right: 80px;
}
.viewFrameWork.public .viewFrameWork-header .header {
  height: 100%;
  padding-left: 160px;
}
.viewFrameWork.public .viewFrameWork-header .header .header-left {
  height: 70px;
  width: 211px;
  line-height: 70px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
}
.viewFrameWork.public .viewFrameWork-header .header .header-left .item-logo {
  max-width: 80%;
  max-height: 54.3%;
}
.viewFrameWork.public .viewFrameWork-header .header .header-right {
  height: 100%;
  line-height: 70px;
  position: absolute;
  top: 0;
  right: 60px;
  font-size: 0;
}
.viewFrameWork.public .viewFrameWork-header .header .header-right .item {
  margin-left: 30px;
  height: 100%;
  display: inline-block;
  font-size: 14px;
  color: #3a3e51;
  position: relative;
  vertical-align: middle;
  line-height: 70px;
}
.viewFrameWork.public
  .viewFrameWork-header
  .header
  .header-right
  .item
  .icon-a_personal_exit {
  margin-right: 8px;
  font-size: 16px;
}
.viewFrameWork.public .viewFrameWork-header .header .header-right .item .icon {
  color: #1a8dff;
  margin-right: 7px;
  font-size: 16px;
  line-height: inherit;
}
.viewFrameWork.public
  .viewFrameWork-header
  .header
  .header-right
  .item.item-mine
  .item-icon {
  font-size: 20px;
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #b4b6bd;
  overflow: hidden;
  line-height: 30px;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
}
.viewFrameWork.public
  .viewFrameWork-header
  .header
  .header-right
  .item.item-mine
  .item-icon
  .item-img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.viewFrameWork.public
  .viewFrameWork-header
  .header
  .header-right
  .item.item-notification {
  margin: 0;
}
.viewFrameWork.public
  .viewFrameWork-header
  .header
  .header-right
  .item.item-notification
  .icon {
  font-size: 20px;
}
.viewFrameWork.public
  .viewFrameWork-header
  .header
  .header-right
  .item.service {
  font-size: 18px;
  color: #1a8dff;
}
.viewFrameWork.public
  .viewFrameWork-header
  .header
  .header-right
  .item.service
  .icon {
  font-size: 28px;
  line-height: inherit;
  vertical-align: middle;
}
#userInfoForm .el-form-item.el-form-item--mini {
  margin-bottom: 22px;
}
#userInfoForm .el-form-item.el-form-item--mini .el-form-item__content,
#userInfoForm .el-form-item.el-form-item--mini label {
  font-size: 16px;
}
#userInfoForm .el-form-item.el-form-item--mini button {
  padding: 0 15px;
  height: 28px;
  line-height: 26px;
  font-size: 14px;
}
#userInfoForm .el-form-item.el-form-item--mini input {
  font-size: 16px;
}
#userInfoForm .el-form-item.el-form-item--mini .userinfo_email {
  margin-right: 6px;
}
.dialog-user-info .el-dialog__body {
  padding-top: 70px !important;
  padding-bottom: 25px !important;
}
.dialog-user-info .el-dialog__body .el-form-item__label {
  text-align: right;
}
.viewFrameWork.admin .viewFrameWork-sidebar {
  font-size: 13px;
  background-color: #27274a;
}
.viewFrameWork.admin
  .viewFrameWork-sidebar.sidebar-mini
  .sidebar
  .sidebar-trans
  .nav-no-sub.adminIndex {
  padding-left: 12px;
}
.viewFrameWork.admin .viewFrameWork-sidebar .sidebar.sidebar-inner {
  height: 100%;
  overflow-y: auto;
}
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar.sidebar-inner
  .nav-sub-item-wrap
  .item-list
  li
  a.active,
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar.sidebar-inner
  .nav-sub-item-wrap
  .item-list
  li
  a:hover {
  background: #f1f3f8;
}
.viewFrameWork.admin .viewFrameWork-sidebar .sidebar::-webkit-scrollbar {
  width: 6px;
}
.viewFrameWork.admin .viewFrameWork-sidebar .sidebar::-webkit-scrollbar-track {
  background: #27274a;
  border-radius: 0;
}
.viewFrameWork.admin .viewFrameWork-sidebar .sidebar::-webkit-scrollbar-thumb {
  background: hsla(0, 0%, 100%, 0.5);
  border-radius: 10px;
}
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar::-webkit-scrollbar-thumb:hover {
  background: hsla(0, 0%, 100%, 0.5);
}
.viewFrameWork.admin .viewFrameWork-sidebar .sidebar::-webkit-scrollbar-corner {
  background: transparent;
}
.viewFrameWork.admin .viewFrameWork-sidebar .sidebar .sidebar-fold {
  line-height: 40px;
  width: 100%;
  height: 40px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: right;
  padding-right: 20px;
  color: #fff;
  background: #27274a;
}
.viewFrameWork.admin .viewFrameWork-sidebar .sidebar .sidebar-nav {
  width: 100%;
}
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar
  .sidebar-nav
  .sidebar-trans {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar
  .sidebar-nav
  .sidebar-trans
  + .sidebar-trans:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin: 10px 0;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(241, 243, 248, 0.2)),
    color-stop(60%, rgba(241, 243, 248, 0.3)),
    to(rgba(241, 243, 248, 0.1))
  );
  background-image: linear-gradient(
    90deg,
    rgba(241, 243, 248, 0.2),
    rgba(241, 243, 248, 0.3) 60%,
    rgba(241, 243, 248, 0.1)
  );
}
.viewFrameWork.admin .viewFrameWork-sidebar .sidebar .sidebar-trans .nav-item {
  padding: 2px 0 2px 6px;
}
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar
  .sidebar-trans
  .nav-item.nav-no-sub {
  padding: 6px;
}
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar
  .nav-item
  > .nav-item-wrap {
  cursor: pointer;
  line-height: 14px;
  display: table;
  overflow: hidden;
  width: 100%;
  position: relative;
  border-radius: 2px 0 0 2px;
}
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar
  .nav-item.nav-no-sub
  > .nav-item-wrap {
  border-radius: 2px;
}
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar
  .nav-item
  > .nav-item-wrap
  .nav-icon {
  display: table-cell;
  width: 54px;
  text-align: center;
  color: #fff;
  padding: 10px 0;
}
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar
  .nav-item
  > .nav-item-wrap
  .nav-title {
  overflow: hidden;
  display: table-cell;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #fff;
  font-weight: 400;
  padding: 10px 0;
}
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar
  .nav-item
  > .nav-item-wrap
  .nav-title
  .icon {
  float: right;
  font-size: 12px;
  margin-right: 16px;
  transform: scale(0.67);
  -webkit-transform: scale(0.67);
  -moz-transform: scale(0.67);
  -o-transform: scale(0.67);
  -ms-transform: scale(0.67);
}
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar
  .nav-item
  > .nav-item-wrap
  .nav-title
  .sub-title {
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  font-weight: 400;
  margin-top: 5px;
  -webkit-transform: scale(0.9) translateX(-4px);
  transform: scale(0.9) translateX(-4px);
}
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar
  .nav-item.active
  .nav-item-wrap,
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar
  .nav-item:hover
  .nav-item-wrap {
  color: #fff;
  background: #1a8cfe;
}
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar
  .nav-item.active
  .nav-item-wrap
  > *,
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar
  .nav-item:hover
  .nav-item-wrap
  > * {
  color: #fff !important;
}
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar
  .nav-item
  .nav-sub-item-wrap.show,
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar
  .nav-item
  .nav-sub-item-wrap:hover,
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar
  .nav-item:hover
  .nav-sub-item-wrap {
  display: block;
}
.viewFrameWork.admin .viewFrameWork-sidebar .sidebar .nav-item:hover:before {
  content: "";
  display: block;
  width: 35px;
  height: 55px;
  left: 125px;
  position: absolute;
  z-index: 2;
}
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar
  .sidebar-trans
  .nav-sub-item-wrap {
  position: absolute;
  left: 160px;
  bottom: 0;
  width: -webkit-max-content;
  width: max-content;
  width: -moz-max-content;
  background: #fff;
  border: 1px solid #f1f3f8;
  -webkit-box-shadow: 0 2px 20px 0 rgba(39, 39, 74, 0.2);
  box-shadow: 0 2px 20px 0 rgba(39, 39, 74, 0.2);
  padding: 20px 0;
  display: none;
  z-index: 6;
  font-size: 0;
  white-space: nowrap;
}
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar
  .sidebar-trans
  .nav-sub-item-wrap
  .nav-sub-item {
  vertical-align: top;
  display: inline-block;
  width: 110px;
  font-size: 13px;
}
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar
  .sidebar-trans
  .nav-sub-item-wrap
  .nav-sub-item
  + .nav-sub-item {
  margin-left: 10px;
  margin-right: 30px;
}
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar
  .sidebar-trans
  .nav-sub-item-wrap
  .nav-sub-item.more-length {
  width: 150px;
}
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar
  .sidebar-trans
  .nav-sub-item-wrap
  .nav-sub-item.more-length
  .split {
  width: 125px;
}
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar
  .sidebar-trans
  .nav-sub-item-wrap
  .nav-sub-item
  .another-name {
  color: #6d717c;
}
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar
  .sidebar-trans
  .nav-sub-item-wrap
  .nav-sub-item
  .title {
  color: #27274a;
  font-weight: 500;
  position: relative;
  padding-left: 8px;
  margin-bottom: 10px;
}
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar
  .sidebar-trans
  .nav-sub-item-wrap
  .nav-sub-item
  .title:before {
  content: "";
  display: block;
  border-left: 3px solid #1a8cfe;
  height: 12px;
  position: absolute;
  left: 0;
  top: 3px;
}
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar
  .sidebar-trans
  .nav-sub-item-wrap
  .nav-sub-item:first-child {
  margin-left: 30px;
}
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar
  .sidebar-trans
  .nav-sub-item-wrap
  .nav-sub-item:last-child {
  margin-right: 30px;
}
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar
  .sidebar-trans
  .nav-sub-item-wrap
  > .item-list {
  margin: 0 30px;
}
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar
  .sidebar-trans.placeholder
  .nav-item
  > .nav-item-wrap
  .nav-icon
  i {
  display: block;
  width: 16px;
  height: 16px;
  background-color: hsla(0, 0%, 100%, 0.1);
  margin: 9px auto auto;
}
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar
  .sidebar-trans.placeholder
  .nav-item
  > .nav-item-wrap
  > .nav-title {
  display: block;
  height: 18px;
  background-color: hsla(0, 0%, 100%, 0.1);
  margin-top: 8px;
  width: 80%;
}
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar
  .nav-sub-item-wrap
  .expiration-date {
  font-size: 12px;
  line-height: 17px;
  color: #b4b6bd;
  margin: 12px 30px 5px;
  padding-left: 8px;
  position: relative;
}
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar
  .nav-sub-item-wrap
  .expiration-date:before {
  content: "";
  position: absolute;
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #fe8545;
  top: 5px;
  left: -1px;
}
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar
  .nav-sub-item-wrap
  .nav-sub-item
  .split {
  border: none;
  border-top: 1px solid #f1f3f8;
  width: 100px;
  margin-bottom: 12px;
}
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar
  .nav-sub-item-wrap
  .item-list {
  padding: 0 3px;
  color: #3a3e51;
  font-size: 13px;
}
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar
  .nav-sub-item-wrap
  .item-list
  li
  a {
  display: inline-block;
  padding: 3px 5px;
  border-radius: 2px;
  position: relative;
}
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar
  .nav-sub-item-wrap
  .item-list
  li
  + li {
  margin-top: 14px;
}
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar
  .nav-sub-item-wrap
  .item-list
  li
  .mark-icon {
  position: absolute;
  right: -27px;
  top: -4px;
}
.viewFrameWork.admin .viewFrameWork-sidebar .sidebar-bottom {
  position: absolute;
  bottom: 15px;
}
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar-bottom
  .nav-item.nav-item-help
  .nav-sub-item-wrap {
  padding: 5px 0;
}
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar-bottom
  .nav-item.nav-item-help
  .item-list
  li {
  position: relative;
  padding-left: 36px;
  margin-top: 0;
}
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar-bottom
  .nav-item.nav-item-help
  .item-list
  li
  a {
  padding: 0;
  display: initial;
}
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar-bottom
  .nav-item.nav-item-help
  .item-list
  li
  > .icon {
  position: absolute;
  left: 0;
  top: 17px;
  font-size: 16px;
}
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar-bottom
  .nav-item.nav-item-help
  .item-list
  li
  .content {
  padding: 15px 0;
}
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar-bottom
  .nav-item.nav-item-help
  .item-list
  li
  .content
  .title {
  font-size: 14px;
  font-weight: 500;
}
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar-bottom
  .nav-item.nav-item-help
  .item-list
  li
  .content
  .title
  .icon {
  cursor: pointer;
  font-size: 13px;
  color: #b4b6bd;
}
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar-bottom
  .nav-item.nav-item-help
  .item-list
  li
  .content
  .sub-title {
  font-size: 12px;
  color: #6d717c;
}
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar-bottom
  .nav-item.nav-item-help
  .item-list
  li
  .content
  a {
  font-size: 14px;
  color: #1a8cfe;
  text-decoration: underline;
}
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar-bottom
  .nav-item.nav-item-help
  .item-list
  li
  .content
  .tel-phone {
  font-size: 14px;
  color: #fe8545;
  margin-left: 3px;
}
.viewFrameWork.admin
  .viewFrameWork-sidebar
  .sidebar-bottom
  .nav-item.nav-item-help
  .item-list
  li
  + li
  .content {
  border-top: 1px solid #f1f3f8;
}
.viewFrameWork.admin .viewFrameWork-sidebar.sidebar-full {
  width: 160px !important;
}
.viewFrameWork.admin .viewFrameWork-sidebar.sidebar-full .sidebar-bottom {
  width: 160px;
}
.viewFrameWork.admin .viewFrameWork-sidebar.sidebar-mini {
  width: 60px !important;
}
.viewFrameWork.admin .viewFrameWork-sidebar.sidebar-mini .nav-item:hover:before,
.viewFrameWork.admin
  .viewFrameWork-sidebar.sidebar-mini
  .nav-item
  > .nav-item-wrap
  .nav-title {
  display: none;
}
.viewFrameWork.admin
  .viewFrameWork-sidebar.sidebar-mini
  .sidebar
  .sidebar-trans
  .nav-sub-item-wrap {
  left: 60px;
}
.viewFrameWork.exam .viewFrameWork-sidebar {
  background-color: #2e2e3b;
  position: relative;
  overflow: auto;
}
.viewFrameWork.exam .viewFrameWork-sidebar .el-menu {
  background-color: #2e2e3b;
  border-right: none;
}
.viewFrameWork.exam .viewFrameWork-sidebar .el-menu .el-menu-item {
  width: 100%;
  height: 45px;
  background-color: #2e2e3b;
  line-height: 45px;
  color: #fff;
  border-left: 4px solid #2e2e3b;
  display: table;
}
.viewFrameWork.exam .viewFrameWork-sidebar .el-menu .el-menu-item:hover {
  color: #fff !important;
  background: #2e3140;
  border-left: 4px solid #2e3140;
}
.viewFrameWork.exam .viewFrameWork-sidebar .el-menu .el-menu-item:hover i {
  color: #fff;
}
.viewFrameWork.exam
  .viewFrameWork-sidebar
  .el-menu
  .el-menu-item.item-collapse {
  text-align: right;
  border: none;
  height: 40px;
  line-height: 40px;
}
.viewFrameWork.exam .viewFrameWork-sidebar .el-menu .el-menu-item.is-active {
  color: #fff !important;
  background: #24242f;
  border-left: 4px solid #1a8dff;
}
.viewFrameWork.exam .viewFrameWork-sidebar .el-menu .fullPadding {
  padding-right: 16px;
}
.viewFrameWork.exam .viewFrameWork-sidebar .el-menu .miniPadding {
  padding-right: 20px;
}
.viewFrameWork.exam .viewFrameWork-sidebar .el-menu .el-submenu {
  background-color: #3a3e51;
  line-height: 38px;
  color: #b4b6bd;
}
.viewFrameWork.exam
  .viewFrameWork-sidebar
  .el-menu
  .el-submenu
  .el-submenu__title {
  color: #b4b6bd;
  height: auto;
  line-height: 38px;
  border-left: 4px solid #3a3e51;
}
.viewFrameWork.exam
  .viewFrameWork-sidebar
  .el-menu
  .el-submenu
  .el-submenu__title:hover {
  color: #fff !important;
  background: #2e3140;
  border-left: 4px solid #2e3140;
}
.viewFrameWork.exam
  .viewFrameWork-sidebar
  .el-menu
  .el-submenu
  .el-submenu__title:hover
  i {
  color: #fff;
}
.viewFrameWork.exam
  .viewFrameWork-sidebar
  .el-menu
  .el-submenu
  .el-submenu__title:focus {
  background: #3a3e51;
  border-left: 4px solid #3a3e51;
}
.viewFrameWork.exam .viewFrameWork-sidebar .el-menu .el-submenu .el-menu-item {
  padding-right: 0;
  padding-left: 46px !important;
  min-width: 100%;
  font-size: 12px;
}
.viewFrameWork.exam .viewFrameWork-sidebar .el-menu .el-menu-item .icon,
.viewFrameWork.exam
  .viewFrameWork-sidebar
  .el-menu
  .el-submenu
  .el-submenu__title
  .icon {
  margin-right: 15px;
  font-size: 12px;
  color: #fff;
}
.viewFrameWork.exam .viewFrameWork-sidebar .el-menu .el-menu-item .mark-beta,
.viewFrameWork.exam
  .viewFrameWork-sidebar
  .el-menu
  .el-submenu
  .el-submenu__title
  .mark-beta {
  position: absolute;
  right: 7px;
  top: 5px;
}
.viewFrameWork.exam .viewFrameWork-sidebar .el-menu .el-menu-item .mark-help,
.viewFrameWork.exam
  .viewFrameWork-sidebar
  .el-menu
  .el-submenu
  .el-submenu__title
  .mark-help {
  position: absolute;
  right: 50px;
  top: 5px;
}
.viewFrameWork.exam .viewFrameWork-sidebar .fixed-bottom {
  position: fixed;
  bottom: 15px;
}
.viewFrameWork.exam .viewFrameWork-sidebar.full {
  width: 160px !important;
  height: auto !important;
}
.viewFrameWork.exam .viewFrameWork-sidebar.full .el-menu-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.viewFrameWork.exam .viewFrameWork-sidebar.full .fixed-bottom {
  width: 160px;
}
.viewFrameWork.exam .viewFrameWork-sidebar.mini {
  width: 60px !important;
}
.viewFrameWork.exam .viewFrameWork-sidebar.mini .fixed-bottom {
  width: 60px;
}
.viewFrameWork.exam .viewFrameWork-sidebar.mini .nav-color-padding {
  height: 20px;
}
.viewFrameWork.exam .viewFrameWork-sidebar.mini .el-menu-item .mark-beta,
.viewFrameWork.exam .viewFrameWork-sidebar.mini .el-menu-item .title,
.viewFrameWork.exam
  .viewFrameWork-sidebar.mini
  .el-submenu
  .el-submenu__title
  > span {
  display: none;
}
.viewFrameWork.exam .viewFrameWork-sidebar.mini .nav-color-padding {
  width: 60px;
  height: 120px;
}
.viewFrameWork.exam .viewFrameWork-sidebar.mini .fixed-bottom {
  z-index: 100;
}
.viewFrameWork.exam .el-icon-d-arrow-left {
  margin-right: 0;
}
.el-message-box {
  width: 440px;
  padding-bottom: 32px;
}
.el-message-box
  .el-message-box__header
  .el-message-box__title
  [class*=" el-icon-"],
.el-message-box
  .el-message-box__header
  .el-message-box__title
  [class*=" icon-a"],
.el-message-box
  .el-message-box__header
  .el-message-box__title
  [class^="el-icon-"],
.el-message-box
  .el-message-box__header
  .el-message-box__title
  [class^="icon-a"] {
  font-size: 60px !important;
}
.el-message-box .el-message-box__content {
  padding-top: 16px;
}
.el-message-box .el-message-box__content .el-message-box__message {
  font-size: 14px;
  line-height: 21px;
  color: #999;
}
.el-message-box .el-message-box__content .el-message-box__errormsg {
  line-height: 18px;
  min-height: auto;
}
.el-message-box .el-message-box__btns {
  padding-top: 22px;
}
.el-message-box .el-message-box__btns .el-button {
  width: 100px;
  height: 34px;
  font-size: 14px;
  border-radius: 4px;
  border: none;
}
.el-message-box .el-message-box__btns .el-button.cancel {
  background: #f2f2f2;
  color: #666;
}
.el-message-box .el-message-box__btns .el-button.confirm {
  background: red;
}
.el-message-box .el-message-box__btns .el-button.primary {
  background: #1a8dff;
}
.el-message-box .el-message-box__btns .el-button.btnDelconfirm {
  background: red;
}
.el-message-box .el-message-box__btns .el-button:nth-child(2) {
  margin-left: 14px;
}
.el-message-box.operation-select .el-message-box__header .el-message-box__title,
.el-message-box.operation-warning
  .el-message-box__header
  .el-message-box__title {
  display: none;
}
.el-message-box.submit-success .el-message-box__header .el-message-box__title {
  color: #1a8dff;
}
.el-message-box.info-error .el-message-box__header .el-message-box__title {
  color: #ff4b50;
}
.el-message-box.operation-confirm .el-message-box__header {
  padding-top: 50px;
}
.el-message-box.operation-confirm
  .el-message-box__header
  .el-message-box__title {
  color: #3a3e51;
  font-size: 20px;
  text-align: center;
}
.el-message-box.operation-confirm .el-message-box__content {
  padding: 8px 40px 10px;
}
.el-message-box.operation-confirm
  .el-message-box__content
  .el-message-box__message {
  color: #3a3e51;
}
.el-message-box.operation-confirm .el-message-box__btns {
  text-align: center;
}
.dialog-user-info .el-dialog__header {
  height: 135px;
  background-color: #b4b6bd;
  background-image: url(https://s6.kaoshixing.com/static/vue/images/user/header-bg.png?v=22165fb776);
  background-repeat: no-repeat;
  background-size: cover;
}
.dialog-user-info .el-dialog__body {
  padding: 70px 70px 65px 30px;
  position: relative;
}
.dialog-user-info .el-dialog__body .user-header {
  position: absolute;
  top: -40px;
  left: 30px;
  right: 30px;
  height: 80px;
  line-height: 80px;
  padding-left: 18px;
}
.dialog-user-info .el-dialog__body .user-header .character-uploader {
  width: 80px;
  height: 80px;
}
.dialog-user-info .el-dialog__body .user-header .character-uploader .el-upload {
  width: 100%;
  height: 100%;
  position: relative;
}
.dialog-user-info
  .el-dialog__body
  .user-header
  .character-uploader
  .el-upload
  .character-img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.dialog-user-info
  .el-dialog__body
  .user-header
  .character-uploader
  .el-upload
  .icon-character {
  width: 20px;
  height: 20px;
  font-size: 20px;
  color: #747785;
  border-radius: 50%;
  position: absolute;
  right: 7px;
  bottom: -11px;
  text-align: center;
  cursor: pointer;
}
.dialog-user-info .el-dialog__body .user-header .icon-operation {
  position: absolute;
  right: 0;
  top: 20px;
  background: #1a8cfe;
  -webkit-box-shadow: 0 2px 4px 0 rgba(58, 62, 81, 0.2);
  box-shadow: 0 2px 4px 0 rgba(58, 62, 81, 0.2);
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
}
.dialog-user-info .el-dialog__body .user-header .icon-operation.icon-edit,
.dialog-user-info .el-dialog__body .user-header .icon-operation.icon-save {
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  font-size: 20px;
}
.dialog-user-info .el-dialog__body .user-header .icon-operation.icon-cancel {
  width: 28px;
  height: 28px;
  font-size: 12px;
  line-height: 28px;
  top: 26px;
  right: 60px;
  background: #fff;
  color: #b4b6bd;
}
.dialog-user-info .el-dialog__body .user-header .icon-operation.icon-cancel,
.dialog-user-info .el-dialog__body .user-header .icon-operation.icon-save {
  display: none;
}
.dialog-user-info .el-dialog__body .el-form-item__label {
  color: #999;
}
.dialog-user-info.edit-mode .el-dialog__body {
  padding-top: 67px;
}
.dialog-user-info.edit-mode
  .el-dialog__body
  .user-header
  .icon-operation.icon-cancel,
.dialog-user-info.edit-mode
  .el-dialog__body
  .user-header
  .icon-operation.icon-save {
  display: block;
}
.dialog-set-password .el-form-item__label {
  color: #999;
}
.ksx-popver.el-global-help .el-row .icon.icon-a_nav_help2.techsupport_tip_ico {
  color: #b4b6bd;
  font-size: 12px;
  line-height: 12px;
  left: unset;
  top: 16px;
  left: 90px;
}
.tech-help-modal .el-dialog.el-dialog--center {
  height: 295px;
  padding: 0 20px;
}
.tech-help-modal .el-dialog__body {
  padding: 0 !important;
}
.tech-help-modal .el-dialog__header {
  padding: 30px 0 20px;
  height: unset;
  text-align: center;
  line-height: 20px;
  font-size: 20px;
  color: #3a3e51;
  margin: 0;
}
.tech-help-modal .firstStep,
.tech-help-modal .secondStep {
  height: 95px;
  width: 100%;
  background: #f7f8fa;
  position: relative;
}
.tech-help-modal .getTechUsingLink {
  font-size: 16px;
  color: #1a8cfe;
  font-weight: 600;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: inline-block;
  cursor: pointer;
}
.tech-help-modal .el-dialog__footer {
  border: unset;
  position: absolute;
  width: 400px;
  bottom: 17px;
}
.tech-help-modal .el-dialog__footer .delete-link {
  background: #f1f3f8;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  font-size: 12px;
  color: #6d717c;
  font-weight: 600;
  line-height: 28px;
}
.tech-help-modal .el-dialog__footer .decrease-hour,
.tech-help-modal .el-dialog__footer .increase-hour {
  background: rgba(60, 130, 253, 0.1);
  border: 1px solid rgba(60, 130, 253, 0.2);
  border-radius: 4px;
  font-size: 12px;
  color: #1a8cfe;
  font-weight: 600;
  line-height: 28px;
}
.tech-help-modal .el-dialog__footer .btn {
  width: 90px;
  height: 28px;
  padding: 0 !important;
}
.tech-help-modal .link_input {
  background: #fff;
  border: 1px solid #dedede;
  border-radius: 4px;
  width: 303px;
  left: 20px;
  padding-left: 10px;
}
.tech-help-modal .copyLinkBtn,
.tech-help-modal .link_input {
  height: 28px;
  font-size: 12px;
  color: #6d717c;
  position: absolute;
  top: 20px;
}
.tech-help-modal .copyLinkBtn {
  background-color: #fff;
  border: 1px solid #dedede;
  border-radius: 0 4px 4px 0;
  width: 58px;
  display: inline-block;
  cursor: pointer;
  right: 20px;
  line-height: 28px;
  text-align: center;
  padding: 0;
}
.tech-help-modal .downTime {
  font-size: 16px;
  color: #1a8cfe;
  top: 115px;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
}
.tech-help-modal .tip {
  bottom: 20px;
  left: 20px;
  position: absolute;
  font-size: 12px;
  color: #3a3e51;
}
.tech-help-modal .tip .alert {
  color: #fe8545;
  padding: 0;
}
.exam-point {
  overflow: inherit;
}
.examPointScoreModal {
  padding: 0 !important;
  height: 600px;
}
.examPointScoreModal .el-dialog__header {
  display: none;
}
.examPointScoreModal .el-dialog__body {
  padding: 0 20px;
}
.ksx-popver.el-global-help {
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.05);
  bottom: 25px;
  top: unset !important;
}
.ksx-popver.el-global-help .service_tip {
  font-size: 12px;
  color: #6d717c;
  font-weight: 400;
}
.ksx-popver.el-global-help .service_tip span {
  font-size: 14px;
}
.ksx-popver.el-global-help .link {
  font-size: 14px;
  text-decoration: underline;
  font-weight: 400;
  padding-top: 5px;
}
.ksx-popver.el-global-help .el-row + .el-row .content {
  border-top: 1px solid #f1f3f8 !important;
  margin-right: 10px;
  font-weight: 600;
}
.ksx-popver.el-global-help .el-row + .el-row .content > div {
  margin-top: 5px;
}
.ksx-popver.el-global-help .el-row .content.jump {
  font-weight: 600;
  padding-top: 20px;
}
.ksx-popver.el-global-help .icon.icon-a_help_document {
  top: 8px;
}
.ksx-popver.el-global-help .icon-a_help_service,
.ksx-popver.el-global-help .icon-a_nav_technical {
  top: 1px;
}
.ksx-popver.el-global-help .icon-a_help_service + .content {
  padding-bottom: 20px !important;
}
.dialog-footer {
  font-size: 0;
}
.dialog-footer .el-button {
  padding: 0 34px !important;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  border-radius: 4px;
  border: none;
  letter-spacing: 2px;
}
.dialog-footer .el-button.width-100 {
  width: 100px !important;
  padding: 0 !important;
  letter-spacing: 0;
}
.dialog-footer .el-button.cancel {
  background: #f2f2f2;
  color: #666;
}
.dialog-footer .el-button.confirm {
  background: red;
}
.dialog-footer .el-button.primary {
  background: #1a8dff;
  color: #fff;
}
.dialog-footer .el-button.btn-del-confirm {
  background: red;
}
.dialog-footer .el-button:nth-child(2) {
  margin-left: 14px;
}
.el-dialog__wrapper.fixed {
  top: 50px;
  bottom: 50px;
}
.el-dialog__wrapper.select-list .el-dialog__header {
  padding: 12px 40px;
}
.el-dialog__wrapper.select-list .el-dialog--center .el-dialog__body {
  padding: 0 40px;
}
.el-dialog__wrapper.select-list
  .el-dialog--center
  .el-dialog__body
  .form-search {
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #1a8cfe;
  padding: 10px 0 20px;
}
.el-dialog__wrapper.select-list
  .el-dialog--center
  .el-dialog__body
  .form-search
  .form-body {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.el-dialog__wrapper.select-list
  .el-dialog--center
  .el-dialog__body
  .form-search
  .form-body.no-flex {
  display: block;
}
.el-dialog__wrapper.select-list
  .el-dialog--center
  .el-dialog__body
  .form-search
  .form-body.no-flex
  .el-form-item
  + .el-form-item {
  margin-left: 20px;
}
.el-dialog__wrapper.select-list
  .el-dialog--center
  .el-dialog__body
  .form-search
  .form-body
  .el-form-item {
  margin: 0;
}
.el-dialog__wrapper.select-list
  .el-dialog--center
  .el-dialog__body
  .form-search
  .form-body
  .el-form-item
  .el-form-item__content {
  font-size: 12px;
}
.el-dialog__wrapper.select-list
  .el-dialog--center
  .el-dialog__body
  .form-search
  .form-body
  .form-row
  + .form-row {
  margin-top: 15px;
}
.el-dialog__wrapper.select-list
  .el-dialog--center
  .el-dialog__body
  .form-search
  .form-body
  .form-btn,
.el-dialog__wrapper.select-list
  .el-dialog--center
  .el-dialog__body
  .form-search
  .form-body
  .form-input {
  width: 160px;
}
.el-dialog__wrapper.select-list
  .el-dialog--center
  .el-dialog__body
  .form-search
  .form-body
  .form-btn {
  background: #f5f5f5;
  border: none;
  color: #6d717c;
}
.el-dialog__wrapper.select-list
  .el-dialog--center
  .el-dialog__body
  .form-search
  .form-body
  .form-date {
  width: 180px !important;
}
.el-dialog__wrapper.select-list
  .el-dialog--center
  .el-dialog__body
  .form-search
  .form-footer {
  text-align: center;
}
.el-dialog__wrapper.select-list
  .el-dialog--center
  .el-dialog__body
  .form-search
  .form-footer
  .el-button {
  width: 100px;
  height: 34px;
  border: none;
  padding: 0;
  line-height: 34px;
  letter-spacing: 2px;
}
.el-dialog__wrapper.select-list
  .el-dialog--center
  .el-dialog__body
  .form-search
  .form-footer
  .el-button.reset {
  background: #f2f2f2;
  color: #666;
}
.el-dialog__wrapper.select-list
  .el-dialog--center
  .el-dialog__body
  .form-search
  .el-form-item__label {
  font-size: 12px;
}
.el-dialog__wrapper.select-list
  .el-dialog--center
  .el-dialog__body
  .el-table-area {
  padding: 15px 0;
}
.el-dialog__wrapper.select-list .el-dialog--center .el-dialog__body .empty-tip {
  text-align: center;
  padding-top: 150px;
  padding-bottom: 150px;
  line-height: 30px;
  font-size: 18px;
  color: #6d717c;
}
.el-dialog__wrapper.select-list
  .el-dialog--center
  .el-dialog__body
  .empty-tip
  a {
  color: #1a8cfe;
  text-decoration: underline;
}
.el-dialog__wrapper.dialog-tree .el-dialog__body {
  padding-left: 50px;
  padding-right: 50px;
}
.el-dialog__wrapper.dialog-tree .select-type-wrapper {
  border-bottom: 1px solid #1a8dff;
  padding-bottom: 20px;
  margin-bottom: 15px;
}
.ksx-popver {
  border-radius: 0 !important;
}
.ksx-popver .popper__arrow {
  display: none !important;
}
.ksx-popver[x-placement^="right"] {
  border-left: 4px solid #1a8dff !important;
}
.ksx-popver[x-placement^="bottom"] {
  border-right: 4px solid #1a8dff !important;
}
.ksx-popver.el-global-add {
  padding: 0;
  text-align: center;
  line-height: 40px;
}
.ksx-popver.el-global-add .item .icon {
  margin-right: 5px;
  font-size: 16px;
}
.ksx-popver.el-global-add .item:hover {
  color: #1a8dff;
  background-color: #f7f7f7;
}
.ksx-popver.el-global-help {
  padding: 0;
}
.ksx-popver.el-global-help .el-row {
  padding-left: 45px;
  padding-right: 10px;
}
.ksx-popver.el-global-help .el-row + .el-row .content {
  border-top: 1px solid #dedede;
}
.ksx-popver.el-global-help .el-row .content {
  padding: 12px 0;
  display: block;
}
.ksx-popver.el-global-help .el-row .icon {
  position: absolute;
  left: 0;
  line-height: 40px;
  width: 45px;
  text-align: center;
}
.ksx-popver.el-global-help .el-row .jump:hover,
.ksx-popver.el-global-help .el-row .link {
  color: #1a8dff;
}
.ksx-popver.el-global-help .el-row .phone {
  color: #fe8545;
}
.ksx-popver.el-global-company-info {
  padding: 0;
  border-radius: 4px !important;
  margin-bottom: 5px;
}
.ksx-popver.el-global-company-info .version {
  background: #fe8545;
  position: absolute;
  top: -20px;
  right: 0;
  border-radius: 4px 4px 0 0;
  line-height: 20px;
  font-size: 12px;
  color: #fff;
  padding: 0 8px;
}
.ksx-popver.el-global-company-info .account {
  padding: 0 12px 12px;
  border-bottom: 1px solid #d8d8d8;
}
.ksx-popver.el-global-company-info .account .col {
  background: #fff;
  position: relative;
  font-size: 12px;
  color: #9b9b9b;
}
.ksx-popver.el-global-company-info .account .col .progress {
  margin-bottom: 5px;
}
.ksx-popver.el-global-company-info .account .store-col {
  margin-top: 10px;
}
.ksx-popver.el-global-company-info .account .el-col:first-child {
  border-right: 1px solid #f7f7f7;
}
.ksx-popver.el-global-company-info .user {
  padding: 12px 12px 12px 84px;
  position: relative;
  min-height: 60px;
}
.ksx-popver.el-global-company-info .user .user-character {
  position: absolute;
  left: 12px;
  top: 12px;
  height: 60px;
  width: 60px;
  border-radius: 60px;
  overflow: hidden;
}
.ksx-popver.el-global-company-info .user .user-character img {
  max-width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ksx-popver.el-global-company-info .user .user-info {
  margin-top: 10px;
  height: 50px;
}
.ksx-popver.el-global-company-info .user .user-info .user-surname {
  color: #494949;
  line-height: 21px;
  margin-bottom: 4px;
  font-size: 16px;
  font-size: 0;
}
.ksx-popver.el-global-company-info .user .user-info .user-surname .name {
  max-width: 140px;
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  vertical-align: middle;
  font-size: 16px;
  color: #494949;
}
.ksx-popver.el-global-company-info .user .user-info .user-surname .edit {
  font-size: 18px;
  color: #1a8dff;
  margin-left: 5px;
  vertical-align: middle;
  line-height: 1;
}
.ksx-popver.el-global-company-info .user .user-info .company-name {
  width: 140px;
  font-size: 12px;
  color: #999;
  line-height: 16px;
}
.ksx-popver.el-global-company-info .operate-group {
  width: 100%;
  padding: 13px 0;
}
.ksx-popver.el-global-company-info .operate-group .operate-item {
  width: 100%;
  height: 44px;
  display: block;
  font-size: 14px;
  color: #3a3e51;
  line-height: 44px;
  padding: 0 12px;
  cursor: pointer;
}
.ksx-popver.el-global-company-info .operate-group .operate-item .operate-icon {
  font-size: 16px;
  vertical-align: text-bottom;
  display: inline-block;
  margin-right: 15px;
}
.ksx-popver.el-global-company-info
  .operate-group
  .operate-item
  .operate-right-icon {
  color: #b4b6bd;
  font-size: 12px;
  float: right;
  margin-right: 2px;
  line-height: 44px;
}
.ksx-popver.el-global-company-info .operate-group .operate-item:hover {
  background: #f7f8fa;
}
.el-global-user {
  padding: 5px 0;
}
.el-global-user .items .item {
  padding: 0 20px;
  line-height: 35px;
  cursor: pointer;
}
.el-global-user .items .item:hover {
  background: #f1f3f8;
}
.el-global-user .items .split {
  border-color: #dedede;
  margin: 5px 20px;
}
.popover-tree {
  height: 376px;
  overflow-y: auto;
  position: relative;
  padding-bottom: 40px;
}
.popover-tree .tree-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.popover-tree .tree-footer .el-button.cancel {
  background: #f2f2f2;
  color: #666;
  border: none;
}
.el-advanced-search-group {
  width: 390px;
}
.el-advanced-search-group .el-simple-search {
  width: 313px;
}
.el-advanced-search-group .el-simple-search .el-input__inner {
  border-radius: 20px;
}
.el-advanced-search-group .el-simple-search .el-input__suffix {
  cursor: pointer;
}
.el-advanced-search-group .el-simple-search .el-input__suffix:hover {
  color: #1a8dff;
}
.el-advanced-search-group .el-btn-advance {
  display: inline-block;
  margin-left: 3px;
}
.ksx-search-group {
  width: auto;
  text-align: right;
}
.ksx-search-group .ksx-simple-search {
  width: 30px;
  line-height: 30px;
}
.ksx-search-group .ksx-simple-search.is-search {
  width: 220px;
}
.ksx-search-group .ksx-simple-search.is-search input {
  border-bottom: 1px solid #3a3e51;
  padding-left: 30px;
  padding-right: 30px;
}
.ksx-search-group .ksx-simple-search.is-search .el-input-group__append:hover {
  color: #1a8dff;
}
.ksx-search-group .ksx-simple-search input {
  width: 100%;
  border: none;
  border-bottom: 1px solid transparent;
  border-radius: 0;
  height: 30px;
  line-height: 29px;
  padding-right: 0;
  background-color: transparent;
}
.ksx-search-group .ksx-simple-search .el-input__prefix {
  font-size: 20px;
  color: #3a3e51;
}
.ksx-search-group .ksx-simple-search .el-input__prefix .el-icon-search {
  font-size: 18px;
  color: #3a3e51;
  display: block;
  margin-top: 4px;
}
.ksx-search-group .ksx-simple-search .el-input__suffix {
  cursor: pointer;
  color: #3a3e51;
}
.ksx-search-group .ksx-simple-search .el-input-group__append {
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  color: #3a3e51;
}
.ksx-search-group .ksx-simple-search .el-input-group__append span {
  width: 24px;
  display: inline-block;
  height: 18px;
  line-height: 17px;
  font-size: 12px;
}
.ksx-search-group .ksx-simple-search + * {
  margin-left: 16px;
}
.ksx-search-group .el-btn-advance {
  color: #3a3e51;
}
.ksx-search-group .el-btn-advance:hover {
  color: #1a8dff;
}
.ksx-search-group > * {
  vertical-align: middle;
}
.ksx-advanced-search {
  border-radius: 0 !important;
  border-left: 4px solid #1a8dff !important;
  padding: 30px !important;
}
.ksx-advanced-search .form-body-wrapper {
  max-height: 400px;
  overflow: auto;
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 18px;
}
.ksx-advanced-search .form-body-wrapper .form-body {
  padding-left: 15px;
  padding-right: 15px;
}
.ksx-advanced-search .popper__arrow {
  display: none !important;
}
.ksx-advanced-search .el-form-item:last-child {
  margin-bottom: 0;
}
.ksx-advanced-search .el-form-item .el-form-item__label {
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 10px;
}
.ksx-advanced-search .el-form-item .el-radio-group {
  line-height: 28px;
}
.ksx-advanced-search .el-form-item .el-radio-group .el-radio {
  vertical-align: middle;
  line-height: inherit;
}
.ksx-advanced-search .el-form-item .el-input-tag {
  border-radius: 4px;
  border: 1px solid #dcdfe6;
  min-height: 28px;
  padding: 3px 5px;
  overflow-x: auto;
}
.ksx-advanced-search .el-form-item .el-input-tag .el-tag {
  margin-top: 3px;
  margin-bottom: 3px;
  margin-right: 10px;
}
.ksx-advanced-search .el-form-item .el-input-tag .button-new-tag {
  margin-right: 10px;
  height: 24px;
  line-height: 22px;
  padding: 0 8px;
}
.ksx-advanced-search .el-form-item .el-input-tag .input-new-tag {
  width: 80px;
  margin-right: 10px;
  vertical-align: bottom;
}
.ksx-advanced-search
  .el-form-item
  .el-input-tag
  .input-new-tag
  .el-input__inner {
  height: 24px;
  line-height: 22px;
  padding: 0 8px;
}
.ksx-advanced-search .el-form-item .el-form-choose {
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  cursor: pointer;
  padding: 0 10px;
  min-height: 28px;
}
.ksx-advanced-search .el-form-item .el-form-choose:hover {
  color: #1a8dff;
  border-color: #1a8dff;
}
.ksx-search-group .ksx-advanced-search_ {
  margin-left: 15px;
}
.ksx-search-group .el-btn-advance {
  font-size: 12px;
}
.el-table-area {
  padding: 20px 30px;
}
.el-table-area.sub-table {
  padding-top: 60px;
}
.el-table-area .el-table {
  border-radius: 4px;
  border: none;
}
.el-table-area .el-table td {
  padding: 10px 0;
}
.el-table-area .el-table td .cell {
  max-width: 100%;
  padding: 0 10px;
}
.el-table-area .el-table th {
  padding: 5px 10px 4px;
}
.el-table-area .el-table th .cell {
  max-width: 100%;
  padding: 0;
}
.el-table-area .el-table .el-table-column--selection .cell .el-checkbox {
  width: 100%;
  text-align: center;
}
.el-table-area .el-table .cell .el-icon {
  font-size: 16px;
  color: #1a8dff;
  cursor: pointer;
}
.el-table-area .el-table .cell .el-icon + .el-icon {
  margin-left: 17px;
}
.el-table-area .el-table .cell .el-icon.grey {
  color: #b4b6bd;
}
.el-table-area .el-pagination {
  background: #fff;
  -webkit-box-shadow: 0 -2px 4px 0 hsla(0, 0%, 60%, 0.1);
  box-shadow: 0 -2px 4px 0 hsla(0, 0%, 60%, 0.1);
  border-radius: 0 0 4px 4px;
  height: 54px;
  padding-top: 13px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: right;
}
.el-table-area .el-pagination .el-pagination__sizes,
.el-table-area .el-pagination .el-pagination__total {
  float: left;
}
.el-table-area .el-pagination .el-btn-filter {
  border: 1px solid #dcdfe6;
}
.ksx-tree {
  height: 100%;
  width: 100%;
  overflow: auto;
}
.ksx-tree .el-tree {
  float: left;
  clear: left;
  width: 100%;
}
.ksx-tree .el-tree .el-tree-node {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.ksx-tree .el-tree .el-tree-node:focus > .el-tree-node__content {
  color: #1a8dff;
}
.ksx-tree
  .el-tree
  .el-tree-node:focus
  > .el-tree-node__content
  .el-tree-node-operation {
  visibility: visible;
}
.ksx-tree .el-tree .el-tree-node__content {
  height: 32px;
  position: relative;
}
.ksx-tree
  .el-tree
  .el-tree-node__content
  .el-tree-node__label
  .el-tree-node-label {
  padding-right: 15px;
}
.ksx-tree
  .el-tree
  .el-tree-node__content
  .el-tree-node__label
  .el-tree-node-operation {
  visibility: hidden;
}
.ksx-tree
  .el-tree
  .el-tree-node__content
  .el-tree-node__label
  .el-tree-node-operation
  .icon {
  font-size: 14px;
  margin-right: 7px;
  color: #b4b6bd;
}
.ksx-tree
  .el-tree
  .el-tree-node__content
  .el-tree-node__label
  .el-node-edit
  .edit-input {
  width: 100px;
}
.ksx-tree
  .el-tree
  .el-tree-node__content
  .el-tree-node__label
  .el-node-edit
  .edit-operation {
  margin-left: 10px;
  font-size: 0;
}
.ksx-tree
  .el-tree
  .el-tree-node__content
  .el-tree-node__label
  .el-node-edit
  .edit-operation
  .operation {
  font-size: 12px;
  margin-right: 10px;
}
.ksx-tree .el-tree .el-tree-node__content .el-tree-node__label.selected {
  color: #1a8dff;
  background-color: #f5f7fa;
}
.ksx-tree .el-tree .el-tree-node__content:hover .el-tree-node-icon .icon,
.ksx-tree .el-tree .el-tree-node__content:hover .el-tree-node-label {
  color: #1a8dff;
}
.ksx-tree
  .el-tree
  .el-tree-node__content:hover
  .el-tree-node__label
  .el-tree-node-operation {
  visibility: visible;
}
.ksx-tree
  .el-tree
  .el-tree-node__content:hover
  .el-tree-node__label.isEdit
  .el-tree-node-operation {
  visibility: hidden;
}
.ksx-tree
  .el-tree
  .el-tree-node__content:hover
  .el-tree-node-operation
  .icon:hover {
  color: #1a8dff;
}
.ksx-tree.ksx-tree-node
  .el-tree-node__content
  .el-tree-node__label
  .el-tree-node-icon
  .icon {
  display: none;
  font-size: 14px;
  padding: 6px;
}
.ksx-tree.ksx-tree-node
  .el-tree-node__content
  .el-tree-node__label.selected
  .el-tree-node-icon
  .icon {
  color: #1a8dff;
}
.ksx-tree.ksx-tree-node .el-tree-node__content .el-tree-node__expand-icon {
  display: none;
}
.ksx-tree.ksx-tree-node
  .el-tree-node__content
  .el-tree-node__expand-icon
  + .el-tree-node__label
  .el-tree-node-icon {
  margin-right: -3px;
  color: #b4b6bd;
}
.ksx-tree.ksx-tree-node
  .el-tree-node__content
  .el-tree-node__expand-icon
  + .el-tree-node__label
  .el-tree-node-icon
  .icon-collapse {
  display: none;
}
.ksx-tree.ksx-tree-node
  .el-tree-node__content
  .el-tree-node__expand-icon
  + .el-tree-node__label
  .el-tree-node-icon
  .icon-expand,
.ksx-tree.ksx-tree-node
  .el-tree-node__content
  .el-tree-node__expand-icon.expanded
  + .el-tree-node__label
  .el-tree-node-icon
  .icon-collapse {
  display: inline-block;
}
.ksx-tree.ksx-tree-node
  .el-tree-node__content
  .el-tree-node__expand-icon.expanded
  + .el-tree-node__label
  .el-tree-node-icon
  .icon-expand {
  display: none;
}
.ksx-tree.ksx-tree-node
  .el-tree-node__content
  .el-tree-node__expand-icon.is-leaf
  + .el-tree-node__label
  .el-tree-node-icon
  .icon-leaf {
  display: inline-block;
  padding: 11px;
}
.ksx-tree.ksx-tree-node
  .el-tree-node__content
  .el-tree-node__expand-icon.is-leaf
  + .el-tree-node__label
  .el-tree-node-icon
  .icon-expand {
  display: none;
}
.template-block {
  margin-bottom: 30px;
}
.template-block .block {
  border-radius: 4px;
  padding: 0 20px;
  background: #fff;
  border: 1px solid #dcdfe6;
}
.template-block .block.selected {
  border-color: #1a8dff;
  -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
}
.template-block .block > .title {
  margin-left: -20px;
  margin-right: -20px;
  background: #f5f7fa;
  position: relative;
  padding: 20px 235px 20px 20px;
  border-radius: 4px 4px 0 0;
}
.template-block .block > .title .el-input {
  width: 260px;
}
.template-block .block > .title > .el-checkbox {
  margin-left: 17px;
}
.template-block .block > .title > .el-checkbox .el-checkbox__label {
  font-size: 12px;
}
.template-block .block > .title .el-operation {
  position: absolute;
  right: 0;
  top: 0;
  width: 235px;
  padding-right: 20px;
  line-height: 76px;
  text-align: right;
  font-size: 12px;
}
.template-block .block > .title .el-operation i {
  cursor: pointer;
  vertical-align: middle;
  color: #b4b6bd;
  font-size: 18px;
  margin-left: 12px;
}
.template-block .block > .title .el-operation i:hover {
  color: #1a8dff;
}
.template-block .block > .title .el-operation .switch-select {
  position: absolute;
  left: 0;
  cursor: pointer;
}
.template-block .block > .title .el-operation .switch-select:hover {
  color: #1a8dff;
}
.template-block .block .template-element {
  padding-left: 0;
  border: none;
  border-radius: 0;
  margin-bottom: 0;
}
.template-block .block .template-element + .template-element {
  border-top: 1px solid #dcdfe6;
}
.template-element {
  padding: 20px 215px 20px 20px;
  position: relative;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  margin-bottom: 20px;
  background: #fff;
}
.template-element .title {
  margin-bottom: 14px;
  position: relative;
  word-break: break-all;
}
.template-element .title .icon-required {
  position: absolute;
  left: -13px;
  color: red;
}
.template-element .el-operation.paper {
  width: 340px;
}
.template-element .el-operation {
  position: absolute;
  right: 0;
  top: 20px;
  width: 215px;
  padding-right: 20px;
  text-align: right;
}
.template-element .el-operation .el-checkbox {
  color: #3a3e51;
  position: absolute;
  left: 0;
  top: 0;
}
.template-element .el-operation .el-checkbox .el-checkbox__label {
  font-size: 12px;
}
.template-element .el-operation .el-checkbox.is-select {
  margin-left: 0;
  position: static;
}
.template-element .el-operation .el-checkbox.right {
  color: #606266;
  margin-left: 20px;
  position: static;
  float: right;
}
.template-element .el-operation .el-checkbox.right .el-checkbox__label {
  font-size: 12px;
}
.template-element .el-operation .right i {
  vertical-align: middle;
  color: #3a3e51;
  font-size: 14px;
  margin-left: 18px;
}
.template-element .el-operation .right i.prohibit {
  color: #dcdfe6;
  cursor: not-allowed;
}
.template-element .el-operation i {
  cursor: pointer;
  color: #b4b6bd;
  font-size: 18px;
  margin-left: 12px;
}
.template-element .el-operation i:hover {
  color: #1a8dff;
}
.template-element .el-input {
  width: 240px;
}
.template-element .el-textarea {
  width: 500px;
}
.template-element .el-radio-span {
  display: block;
  margin-bottom: 12px !important;
}
.template-element .el-radio-span .el-radio__label {
  display: inline-block;
  white-space: normal;
  vertical-align: top;
}
.template-element .dimensional-score:last-child {
  margin-bottom: 0;
}
.template-element .dimensional-score {
  width: 600px;
  background: #f7f8fa;
  border-radius: 4px;
  padding: 15px 20px;
  margin-bottom: 10px;
}
.template-element .dimensional-score .dimension-title {
  color: #3a3e51;
  margin-bottom: 10px;
}
.template-element .dimensional-score .icon {
  display: inline-block;
  font-size: 20px;
  color: #ffc35e;
  margin-right: 15px;
  cursor: pointer;
}
.template-element .dimensional-score .icon:last-child {
  margin-right: 0;
  color: #dcdfe6;
}
.template-element .dimensional-score .txt {
  display: inline-block;
  color: #3a3e51;
  margin-left: 30px;
}
.m-template-block {
  margin-bottom: 20px;
}
.m-template-block .block {
  background: #fff;
}
.m-template-block .block > .title {
  line-height: 56px;
  background: #f7f8fa;
  font-size: 18px;
  color: #909399;
  margin-bottom: 10px;
  position: relative;
  padding: 0 60px 0 22px;
}
.m-template-block .block > .title .el-operation {
  position: absolute;
  right: 22px;
  top: 0;
}
.m-template-block .block .m-template-element {
  padding: 10px 20px;
  margin-bottom: 0;
}
.m-template-block .block .m-template-element:last-child {
  padding-bottom: 20px;
}
.m-template-element {
  background: #fff;
  margin-bottom: 20px;
  padding: 20px;
}
.m-template-element .title {
  margin-bottom: 10px;
  position: relative;
}
.m-template-element .title .icon-required {
  position: absolute;
  left: -13px;
  color: red;
}
.m-template-element .mint-cell {
  min-height: 40px;
}
.m-template-element .mint-cell .mint-cell-wrapper {
  font-size: 14px;
  padding: 0;
  background-image: none;
}
.m-template-element .mint-cell .mint-cell-wrapper .mint-radio-core {
  width: 14px;
  height: 14px;
}
.m-template-element .mint-cell .mint-cell-wrapper .mint-radio-core:after {
  width: 4px;
  height: 4px;
  top: 4px;
  left: 4px;
}
.m-template-element .mint-cell .mint-cell-wrapper .mint-checkbox-core {
  width: 14px;
  height: 14px;
  border-radius: 2px;
}
.m-template-element .mint-cell .mint-cell-wrapper .mint-checkbox-core:after {
  top: 0;
  left: 3px;
}
.m-template-element .mint-checklist,
.m-template-element .mint-radiolist {
  border: 1px solid #dcdfe6;
  border-radius: 2px;
}
.m-template-element .mint-field {
  border: 1px solid #dcdfe6;
  border-radius: 3px;
}
.m-template-element .mint-field .mint-cell-value {
  padding: 0 12px;
}
.m-template-element .mint-field.is-textarea .mint-cell-value {
  padding: 10px 12px;
}
.m-template-element .date-picker {
  border: 1px solid #dcdfe6;
  border-radius: 3px;
  padding: 10px 12px;
}
.dialog-message.del-dialog .el-message-box__header {
  padding: 50px 40px 18px;
}
.dialog-message.del-dialog .el-message-box__header .el-message-box__title {
  font-size: 20px;
  color: #3a3e51;
  text-align: center;
}
.dialog-message.del-dialog .el-message-box__content {
  padding: 0 40px;
}
.dialog-message.del-dialog .el-message-box__content .tc {
  text-align: left;
  color: #3a3e51;
}
.dialog-message.del-dialog .el-message-box__content .tc .tip-txt {
  margin-top: 15px;
  padding: 15px;
  background: #f7f8fa;
  border-radius: 4px;
  font-size: 12px;
  color: #6d717c;
}
.dialog-message.del-dialog .el-message-box__btns {
  text-align: center;
}
.dialog-message.del-dialog .el-message-box__btns .el-button.danger {
  background: #ff4b50;
}
.ksx-dropdown.check .el-dropdown-menu__item {
  position: relative;
}
.ksx-dropdown.check .el-dropdown-menu__item .icon-check {
  position: absolute;
  left: 3px;
  top: 11px;
}
.el-form-group.selected-item-box {
  min-height: 50px;
  padding: 0 !important;
  margin-top: 10px;
  background: #f7f8fa;
  border-radius: 4px;
  position: relative;
}
.el-form-group.selected-item-box .el-form-group-item {
  height: 50px;
  padding: 5px 10px;
  overflow: hidden;
}
.el-form-group.selected-item-box .el-form-group-item .remove_users {
  font-size: 12px;
  font-style: normal;
  cursor: pointer;
  margin-left: 5px;
  position: relative;
  top: -1px;
}
.el-form-group.selected-item-box .el-form-group-item .selectedNameItem {
  font-size: 10px;
  display: inline-block;
  background: #fff;
  border: 1px solid #f7f8fa;
  border-radius: 2px;
  color: #6d717c;
  font-weight: 400;
  padding: 0 10px;
  height: 20px;
  line-height: 20px;
}
.el-form-group.selected-item-box .el-form-group-item .selectedIdItem {
  display: none;
}
.el-form-group.selected-item-box .selected-item-box-open {
  position: absolute;
  cursor: pointer;
  top: -42px;
  right: 0;
  font-size: 12px;
  color: #999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.interaction-setting-content {
  display: block;
  background-color: #fff;
  padding: 10px 50px 30px;
  margin: 0 30px 20px;
}
.interaction-setting-content .label {
  font-size: 16px;
  font-weight: 500;
  color: #3a3e51;
  padding-bottom: 15px;
  border-bottom: 1px solid #dcdfe6;
}
.interaction-setting-content .content {
  padding-left: 75px;
  margin-top: 38px;
}
.interaction-setting-content .content .el-switch__core {
  width: 46px !important;
  height: 24px;
  border-radius: 12px;
}
.interaction-setting-content .content .el-switch__core:after {
  height: 22px;
  width: 22px;
  background: #fff;
  border-radius: 50%;
  top: 0;
  left: 0;
}
.interaction-setting-content
  .content
  .el-switch.is-checked
  .el-switch__core:after {
  margin-left: -22px;
  left: 100%;
}
.interaction-setting-content .content .row {
  margin-bottom: 20px;
}
.interaction-setting-content .content .row .el-radio__label {
  color: #3a3e51;
}
.interaction-setting-content .content .title {
  display: inline-block;
  margin-right: 25px;
}
.interaction-setting-content .content .el-radio-group,
.interaction-setting-content .content .el-radio-group .el-radio + .el-radio {
  margin-left: 20px;
}
.interaction-setting-content .content .evaluate-content {
  width: 610px;
  background: #f7f8fa;
  border-radius: 4px;
  margin-left: 85px;
  padding: 20px;
}
.interaction-setting-content .content .evaluate-content .el-checkbox__label {
  color: #3a3e51;
}
.interaction-setting-content .content .evaluate-content .el-checkbox__input {
  vertical-align: bottom;
}
.interaction-setting-content .content .evaluate-content .txt-evaluate {
  margin-bottom: 20px;
}
.interaction-setting-content
  .content
  .evaluate-content
  .dimension-evaluate
  .islook_txt {
  color: #b4b6bd;
  margin-left: 5px;
  font-size: 13px;
}
.interaction-setting-content
  .content
  .evaluate-content
  .dimension-evaluate
  .tip {
  font-size: 12px;
  color: #6d717c;
  display: inline-block;
  margin-top: 1px;
  vertical-align: top;
}
.interaction-setting-content
  .content
  .evaluate-content
  .dimension-evaluate
  .dimension-content {
  margin-top: 15px;
  border: 1px solid #dcdfe6;
  padding: 15px 20px;
  margin-left: 25px;
}
.interaction-setting-content
  .content
  .evaluate-content
  .dimension-evaluate
  .dimension-content
  .row {
  margin-bottom: 10px;
}
.interaction-setting-content
  .content
  .evaluate-content
  .dimension-evaluate
  .dimension-content
  .row
  span.tit {
  color: #6d717c;
  font-size: 12px;
  display: inline-block;
  width: 40px;
}
.interaction-setting-content
  .content
  .evaluate-content
  .dimension-evaluate
  .dimension-content
  .row
  .width-200 {
  width: 200px;
}
.interaction-setting-content
  .content
  .evaluate-content
  .dimension-evaluate
  .dimension-content
  .row
  .width-200
  .el-input__inner {
  height: 28px;
  padding: 5px 10px;
  font-size: 12px;
  color: #6d717c;
}
.interaction-setting-content
  .content
  .evaluate-content
  .dimension-evaluate
  .dimension-content
  .row
  .icon-delete {
  color: #dcdfe6;
  vertical-align: middle;
  cursor: pointer;
}
.interaction-setting-content
  .content
  .evaluate-content
  .dimension-evaluate
  .dimension-content
  .add-button.disabled {
  color: #6d717c;
  cursor: not-allowed;
}
.interaction-setting-content
  .content
  .evaluate-content
  .dimension-evaluate
  .dimension-content
  .add-button {
  width: 80px;
  padding-top: 5px;
  font-size: 12px;
  color: #1a8cfe;
  cursor: pointer;
}
.interaction-setting-content
  .content
  .evaluate-content
  .dimension-evaluate
  .dimension-content
  .add-button
  .icon {
  vertical-align: middle;
}
.interaction-setting-content
  .content
  .evaluate-content
  .dimension-evaluate
  .num-error-tip {
  display: inline-block;
  margin-left: 25px;
  color: #ff4b50;
  margin-top: 10px;
  font-size: 12px;
}
body {
  color: #3a3e51;
}
.dialog-dep-user-info .el-dialog__body {
  padding-left: 40px;
  padding-right: 40px;
}
.dialog-dep-user-info .el-dialog__body .el-form .el-form-choose {
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  cursor: pointer;
  padding: 0 10px;
  height: 28px;
}
.dialog-dep-user-info .el-dialog__body .el-form .el-form-choose:hover {
  color: #1a8dff;
  border-color: #1a8dff;
}
.dialog-import-dep .el-dialog__body {
  text-align: center;
}
.dialog-import-dep .el-dialog__body .avatar-download,
.dialog-import-dep .el-dialog__body .avatar-uploader {
  display: inline-block;
  width: 138px;
  height: 82px;
  border: 1px solid #dedede;
  border-radius: 2px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.dialog-import-dep .el-dialog__body .avatar-download .avatar-title,
.dialog-import-dep .el-dialog__body .avatar-uploader .avatar-title {
  padding-top: 12px;
}
.dialog-import-dep .el-dialog__body .avatar-download .avatar-title .avatar-icon,
.dialog-import-dep
  .el-dialog__body
  .avatar-uploader
  .avatar-title
  .avatar-icon {
  font-size: 30px;
  display: block;
  margin-bottom: 8px;
}
.dialog-import-dep .el-dialog__body .avatar-download:hover,
.dialog-import-dep .el-dialog__body .avatar-uploader:hover {
  border: 1px solid #1a8dff;
}
.dialog-import-dep .el-dialog__body .avatar-download:hover .avatar-title,
.dialog-import-dep .el-dialog__body .avatar-uploader:hover .avatar-title {
  color: #1a8dff;
}
.dialog-import-dep .el-dialog__body .avatar-uploader {
  margin-left: 17px;
}
.dialog-import-dep .el-dialog__body .progress-wrapper {
  width: 220px;
  margin: 28px auto auto;
}
.dialog-import-dep .el-dialog__body .progress-wrapper .el-progress {
  margin-bottom: 10px;
}
.dialog-import-dep .el-dialog__body .progress-wrapper .progress-tip {
  color: #1a8dff;
}
.dialog-import-callback .el-dialog__body .ksx-callback {
  width: 100%;
  padding: 10px 10px 10px 38px;
  border: 1px solid;
  border-radius: 2px;
  position: relative;
}
.dialog-import-callback .el-dialog__body .ksx-callback .callback-icon {
  position: absolute;
  font-size: 18px;
  left: 10px;
  top: 10px;
}
.dialog-import-callback
  .el-dialog__body
  .ksx-callback
  .callback-item
  + .callback-item {
  margin-top: 10px;
}
.dialog-import-callback .el-dialog__body .ksx-callback.callback-success {
  background: rgba(103, 194, 58, 0.05);
  border-color: rgba(29, 200, 140, 0.2);
}
.dialog-import-callback
  .el-dialog__body
  .ksx-callback.callback-success
  .callback-icon {
  color: #1dc88c;
}
.dialog-import-callback .el-dialog__body .ksx-callback.callback-warning {
  background: rgba(254, 133, 69, 0.05);
  border-color: rgba(254, 133, 69, 0.3);
}
.dialog-import-callback
  .el-dialog__body
  .ksx-callback.callback-warning
  .callback-icon {
  color: #fe8545;
}
.dialog-import-callback .el-dialog__body .ksx-callback.callback-error {
  background: rgba(255, 75, 80, 0.05);
  border-color: rgba(255, 75, 80, 0.2);
}
.dialog-import-callback
  .el-dialog__body
  .ksx-callback.callback-error
  .callback-icon {
  color: #ff4b50;
}
.dialog-import-callback .el-dialog__body .ksx-callback + .ksx-callback {
  margin-top: 10px;
}
.operation-warning .el-message-box__header {
  padding-top: 50px;
  padding-bottom: 0;
}
.operation-warning .el-message-box__header .el-message-box__title {
  display: block !important;
  font-size: 20px;
  text-align: center;
}
.operation-warning
  .el-message-box__header
  .el-message-box__title
  .el-message-box__status {
  display: none !important;
}
.operation-warning .el-message-box__content .el-message-box__input {
  padding: 15px 50px 0;
}
.operation-warning .el-message-box__btns button:last-child {
  background-color: #1a8cfe;
}
.showIdentityImg {
  position: relative;
  padding: 0;
  border: none;
  width: 400px;
  overflow: visible;
}
.showIdentityImg .el-message-box__header {
  padding: 0;
  position: absolute;
  bottom: -64px;
  left: 50%;
  margin-left: -17px;
}
.showIdentityImg .el-message-box__header .el-message-box__headerbtn {
  position: static;
  top: 0;
  right: 0;
  border: 2px solid #fff;
  border-radius: 50%;
  height: 34px;
  width: 34px;
}
.showIdentityImg .el-message-box__header .el-icon-close {
  color: #fff;
  font-size: 24px;
}
.showIdentityImg .el-message-box__btns {
  display: none;
}
.showIdentityImg .el-message-box__content {
  padding: 0;
}
.main-container {
  width: 100%;
  height: 100%;
  padding: 68px 0 0;
  min-width: 1200px;
}
.main-container .overflow-hidden {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.main-container .nav {
  width: 100%;
  height: 68px;
  padding: 0 30px;
  position: absolute;
  left: 0;
  top: 0;
  min-width: 1200px;
}
.main-container .nav .sub-title {
  font-size: 20px;
  font-weight: 500;
  color: #3a3e51;
  line-height: 28px;
  padding-top: 20px;
  float: left;
}
.main-container .nav .right-operation {
  float: right;
  padding-top: 17px;
  font-size: 0;
  height: 100%;
}
.main-container .nav .right-operation .el-button:not(.is-circle) {
  font-size: 12px;
  padding-top: 0;
  padding-bottom: 0;
  height: 34px;
  line-height: 34px;
  border: 0;
  border-radius: 4px;
}
.main-container .nav .right-operation .el-button:not(.is-circle) .icon,
.main-container .nav .right-operation .el-button:not(.is-circle) span {
  vertical-align: middle;
}
.main-container
  .nav
  .right-operation
  .el-button:not(.is-circle):not(.el-button--primary) {
  background: #fff;
  color: #3a3e51;
}
.main-container
  .nav
  .right-operation
  .el-button:not(.is-circle):not(.el-button--primary):hover {
  color: #1a8dff;
}
.main-container
  .nav
  .right-operation
  .el-button:not(.is-circle):not(.el-button--primary).is-disabled {
  color: #b4b6bd;
}
.main-container .nav .right-operation .add-panel {
  position: fixed;
  bottom: 50px;
  right: 30px;
  z-index: 10;
}
.main-container .nav .right-operation .add-panel .el-button {
  height: 80px;
  width: 80px;
  padding-top: 25px;
}
.main-container .nav .right-operation .add-panel .el-button .hide-len {
  display: block;
  text-align: center;
  font-size: 12px;
  -webkit-transform: scale(0.83);
  transform: scale(0.83);
  margin-top: 5px;
}
.main-container .scroll-container {
  height: 100%;
  overflow: auto;
  padding: 0 30px 30px;
}
.main-container .scroll-container .count {
  width: 100%;
  height: 120px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 5px 0 rgba(58, 62, 81, 0.1);
  box-shadow: 0 1px 5px 0 rgba(58, 62, 81, 0.1);
  border-radius: 4px;
}
.main-container .scroll-container .count ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  padding: 35px 0;
  height: 100%;
}
.main-container .scroll-container .count ul li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  padding: 0 50px 0 180px;
}
.main-container .scroll-container .count ul li .icon {
  width: 50px;
  height: 50px;
  position: absolute;
  left: 100px;
  top: 1px;
}
.main-container .scroll-container .count ul li .icon img {
  width: 100%;
}
.main-container .scroll-container .count ul li .value {
  font-size: 24px;
  font-weight: 600;
  color: #3a3e51;
  line-height: 33px;
  display: block;
}
.main-container .scroll-container .count ul li .label {
  font-size: 12px;
  font-weight: 400;
  color: #6d717c;
  line-height: 17px;
  margin-top: 2px;
  display: block;
}
.main-container .scroll-container .count ul li + li {
  border-left: 1px solid #dcdfe6;
}
.main-container .scroll-container .panel-container {
  width: 100%;
  float: left;
}
.main-container .scroll-container .panel-container .search-rules {
  padding: 20px 0;
  line-height: 17px;
  text-align: right;
  font-size: 0;
}
.main-container .scroll-container .panel-container .search-rules .data-tip {
  font-size: 12px;
  font-weight: 400;
  color: #6d717c;
  margin-right: 15px;
}
.main-container
  .scroll-container
  .panel-container
  .search-rules
  .el-popover__reference {
  border: 0;
  padding: 9px 15px 8px;
  font-size: 12px;
  line-height: 17px;
  margin-left: 10px;
}
.main-container
  .scroll-container
  .panel-container
  .search-rules
  .el-popover__reference
  .icon {
  color: #b4b6bd;
  font-size: 12px;
  -webkit-transform: scale(0.83);
  transform: scale(0.83);
  vertical-align: text-top;
  position: relative;
  top: 1px;
  margin-left: 10px;
}
.main-container .scroll-container .panel-container .panels {
  margin-left: -10px;
  width: calc(100% + 20px);
}
.main-container .scroll-container .panel-container .panels .drag-item {
  float: left;
}
.main-container
  .scroll-container
  .panel-container
  .panels
  .panel-card
  .delete-operation {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(39, 39, 74, 0.8);
  -webkit-box-shadow: 0 1px 5px 0 rgba(58, 62, 81, 0.1);
  box-shadow: 0 1px 5px 0 rgba(58, 62, 81, 0.1);
  border-radius: 4px;
  text-align: center;
  color: #fff;
  padding-top: 115px;
  cursor: pointer;
  display: none;
}
.main-container
  .scroll-container
  .panel-container
  .panels
  .panel-card
  .delete-operation
  .btn-delete {
  display: inline-block;
  width: 80px;
}
.main-container
  .scroll-container
  .panel-container
  .panels
  .panel-card
  .delete-operation
  .btn-delete
  .icon {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background-color: hsla(0, 0%, 100%, 0.2);
  border-radius: 100%;
  font-size: 18px;
}
.main-container
  .scroll-container
  .panel-container
  .panels
  .panel-card
  .delete-operation
  .btn-delete
  span {
  display: block;
  text-align: center;
  margin-top: 10px;
}
.main-container
  .scroll-container
  .panel-container
  .panels
  .panel-card.big-card
  .delete-operation {
  padding-top: 260px;
}
.main-container
  .scroll-container
  .panel-container
  .panels
  .panel-card.big-card
  .delete-operation
  .btn-delete {
  display: inline-block;
  width: 80px;
}
.main-container
  .scroll-container
  .panel-container
  .panels
  .panel-card.big-card
  .delete-operation
  .btn-delete
  .icon {
  width: 80px;
  height: 80px;
  font-size: 24px;
  line-height: 80px;
}
.main-container
  .scroll-container
  .panel-container
  .panels
  .panel-card.big-card
  .delete-operation
  .btn-delete
  span {
  margin-top: 20px;
  font-size: 20px;
}
.main-container
  .scroll-container
  .panel-container
  .panels.is-custom-status
  .panel-card:hover
  .delete-operation {
  display: block;
}
.main-container .moving-panel .delete-operation {
  background-color: rgba(39, 39, 74, 0.4);
}
.main-container .moving-panel .delete-operation .btn-delete {
  visibility: hidden;
}
.chart-tooltip-date {
  font-size: 10px;
}
.chart-tooltip-date,
.chart-tooltip-item {
  color: #3a3e51;
  -webkit-transform: scale(0.83);
  transform: scale(0.83);
}
.chart-tooltip-item {
  font-size: 12px;
}
.chart-tooltip-item .chart-tooltip-item-num {
  font-size: 14px;
  color: #1a8cfe;
  margin: 0 2px 0 3px;
}
.chart-tooltip-item .chart-tooltip-item-num.red {
  color: #f76377;
}
.el-alert--info {
  background: #e8f3fe;
  border-radius: 2px;
  border: 1px solid #cae5fe;
  font-size: 12px;
  font-weight: 400;
  color: #1a8cfe;
  padding: 6px 15px;
  display: inline-block;
  vertical-align: middle;
  width: 320px;
  position: relative;
  top: -3px;
  margin-right: 10px;
}
.el-alert--info .el-alert__content {
  padding: 0 10px 0 0;
}
.el-alert--info .el-alert__content .el-alert__title {
  font-size: 12px;
}
.el-alert--info .el-alert__content .el-alert__closebtn {
  top: 10px;
  right: 10px;
}
